Making GUI Calculator in Tkinter Python


from tkinter import *

abdur = Tk()
abdur.geometry("480x600")
abdur.minsize(480, 600)
abdur.maxsize(480, 600)
abdur.wm_iconbitmap("calc.ico")
abdur.title("Calculator - Made by AbdurCodes")

def calc(event):
    global entry_val
    btext = event.widget.cget("text")
   
    try:
        if btext == "=":
            if entry_val.get().isdigit():
                value = int(entry_val.get())
            else:
                value = eval(screen.get())
               
            entry_val.set(value)
            screen.update()
           
         
        elif btext == "CL":
            entry_val.set("")
            screen.update()
   
        else:
            entry_val.set(entry_val.get() + btext)
            screen.update()
           
    except Exception as e:
        entry_val.set("ERROR!")
        screen.update()

# Display frame
f0 = Frame(abdur, bg="green")
entry_val = StringVar()
entry_val.set("")
screen = Entry(f0, textvariable=entry_val, font="verdana 35 bold")
screen.pack(padx=16, pady=19, ipadx=12, ipady=16)
f0.pack(padx=3 ,pady=5)

# Buttons row 1
f1 = Frame(abdur, bg="blue")
b = Button(f1, text="1", padx=8, font="tahoma 19 bold")
b.pack(side=LEFT, padx=20, pady=14)
b.bind("<Button-1>", calc) # binds click of left button of the mouse
b = Button(f1, text="2", padx=9, font="tahoma 19 bold")
b.pack(side=LEFT, padx=20, pady=14)
b.bind("<Button-1>", calc)
b = Button(f1, text="3", padx=9, font="tahoma 19 bold")
b.pack(side=LEFT, padx=20, pady=14)
b.bind("<Button-1>", calc)
b = Button(f1, text="+", padx=9, font="tahoma 19 bold")
b.pack(side=LEFT, padx=20, pady=14)
b.bind("<Button-1>", calc)
f1.pack(padx=3 ,pady=5)

# Buttons row 2
f2 = Frame(abdur, bg="blue")
b = Button(f2, text="4", padx=9, font="tahoma 19 bold")
b.pack(side=LEFT, padx=20, pady=13)
b.bind("<Button-1>", calc)
b = Button(f2, text="5", padx=9, font="tahoma 19 bold")
b.pack(side=LEFT, padx=20, pady=13)
b.bind("<Button-1>", calc)
b = Button(f2, text="6", padx=9, font="tahoma 19 bold")
b.pack(side=LEFT, padx=20, pady=13)
b.bind("<Button-1>", calc)
b = Button(f2, text="-", padx=13, font="tahoma 19 bold")
b.pack(side=LEFT, padx=20, pady=13)
b.bind("<Button-1>", calc)
f2.pack(padx=3 ,pady=5)

# Buttons row 3
f3 = Frame(abdur, bg="blue")
b = Button(f3, text="7", padx=15, font="tahoma 19 bold")
b.pack(side=LEFT, padx=14, pady=14)
b.bind("<Button-1>", calc)
b = Button(f3, text="8", padx=15, font="tahoma 19 bold")
b.pack(side=LEFT, padx=14, pady=14)
b.bind("<Button-1>", calc)
b = Button(f3, text="9", padx=15, font="tahoma 19 bold")
b.pack(side=LEFT, padx=14, pady=14)
b.bind("<Button-1>", calc)
b = Button(f3, text="/", padx=15, font="tahoma 19 bold")
b.pack(side=LEFT, padx=14, pady=14)
b.bind("<Button-1>", calc)
f3.pack(padx=3 ,pady=5)

# Buttons row 4
f4 = Frame(abdur, bg="blue")
b = Button(f4, text="0", padx=14, font="tahoma 19 bold")
b.pack(side=LEFT, padx=18, pady=14)
b.bind("<Button-1>", calc)
b = Button(f4, text=".", padx=14, font="tahoma 19 bold")
b.pack(side=LEFT, padx=18, pady=14)
b.bind("<Button-1>", calc)
b = Button(f4, text="=", padx=14, font="tahoma 19 bold")
b.pack(side=LEFT, padx=18, pady=14)
b.bind("<Button-1>", calc)
b = Button(f4, text="*", padx=14, font="tahoma 19 bold")
b.pack(side=LEFT, padx=18, pady=14)
b.bind("<Button-1>", calc)
f4.pack(padx=3 ,pady=5)

# Buttons row 5
f5 = Frame(abdur, bg="blue")
b = Button(f5, text="CL", padx=8,font="tahoma 19 bold")
b.pack(side=LEFT, padx=14, pady=14)
b.bind("<Button-1>", calc)
b = Button(f5, text="00", padx=8,font="tahoma 19 bold")
b.pack(side=LEFT, padx=14, pady=14)
b.bind("<Button-1>", calc)
b = Button(f5, text="000", padx=8,font="tahoma 19 bold")
b.pack(side=LEFT, padx=14, pady=14)
b.bind("<Button-1>", calc)
b = Button(f5, text="%", padx=8,font="tahoma 19 bold")
b.pack(side=LEFT, padx=14, pady=14)
b.bind("<Button-1>", calc)
f5.pack(padx=3 ,pady=5)

abdur.configure(background="blue")

abdur.mainloop()




Comments

Post a Comment

Write something to CodeWithAbdur!

Popular posts from this blog

Quotation marks to wrap an element in HTML

In HTML, quotation marks can be used to wrap an element, providing visual emphasis and indicating that the enclosed content represents a quotation.  This styling technique enhances the presentation of quoted text on web pages. Setting default quotation marks: To set quotation marks to wrap an element in HTML, you can use the `quotes` CSS property along with the `content` property to specify the quotation marks to be used (the below example uses the default quotes value, so it is not mentioned as can be seen). Here's how it can be achieved: /* Define the quotation marks */ .q:before { content: open-quote; } .q:after { content: close-quote; } In this CSS: - `open-quote` represents the opening quotation mark. - `close-quote` represents the closing quotation mark. Now, you can apply the `.q` class to elements where you want to set quotation marks: <p class="q">This is a quoted text.</p> This will render as: “ This is a quoted...
Read more

What is the difference between iostream and iostream.h in cpp?

In C++, there are two seemingly similar headers for input/output operations: iostream and iostream.h. However, they have key differences you should be aware of: 1. Standard vs. Non-Standard: **iostream** is the standard header for input/output operations in C++. It is part of the C++ Standard Library and is guaranteed to be available and consistent across different compilers. **iostream.h** is a non-standard header . It was used in pre-standard C++ and some early compilers. It is not part of the C++ Standard Library and its availability and behavior might vary depending on the compiler. 2. Namespace: **iostream** defines everything within the **std** namespace. This helps avoid naming conflicts with other libraries or user-defined functions. **iostream.h** does not use namespaces. This means all its elements are directly available in the global namespace, which can lead to potential naming conflicts and is generally considered less modern practice. 3. Recommendations: Always use iostr...
Read more

The Basic Structure of a Full-Stack Web App

A basic structure of a full-stack web application typically consists of three main components: the front end, the back end, and the database.  Each component serves a specific role in the application's architecture. Here's an overview of the basic structure: Front End: The front end is the user-facing part of the application that users interact with directly. It's responsible for presenting data to users, collecting user input, and providing a user-friendly interface. Common technologies used in the front end include HTML, CSS, and JavaScript. Front-end frameworks and libraries like React, Angular, or Vue.js are often used to build interactive and dynamic user interfaces. Basic Components of the Front End: User Interface (UI) Components User Input Forms Display of Data Interaction Logic (JavaScript) Back End: The back end is the server-side portion of the application responsible for handling business logic, data processing, and serving data to the front end. It communicates...
Read more