Update app.py

app.py

@@ -1,91 +1,39 @@
 import gradio as gr
 
 # Create a layout for the calculator
-layout = gr.Layout(
-    gr.InputBox(id='num1', label='Number 1'),
-    gr.InputBox(id='num2', label='Number 2'),
-    gr.Dropdown(id='operator', options=['+', '-', '*', '/', '^', 'sqrt', 'exp']),
-    gr.Button(id='equal', label='='),
-    gr.TextOutput(id='result')
-)
-
-# Define a function for each operation
-def add():
-    num1 = float(input_box.get_value('num1'))
-    num2 = float(input_box.get_value('num2'))
-    return num1 + num2
-
-def subtract():
-    num1 = float(input_box.get_value('num1'))
-    num2 = float(input_box.get_value('num2'))
-    return num1 - num2
-
-def multiply():
-    num1 = float(input_box.get_value('num1'))
-    num2 = float(input_box.get_value('num2'))
-    return num1 * num2
-
-def divide():
-    num1 = float(input_box.get_value('num1'))
-    num2 = float(input_box.get_value('num2'))
-    return num1 / num2
-
-def power():
-    num1 = float(input_box.get_value('num1'))
-    num2 = float(input_box.get_value('num2'))
-    return num1 ** num2
-
-def sqrt():
-    num1 = float(input_box.get_value('num1'))
-    return num1 ** 0.5
-
-def exp():
-    num1 = float(input_box.get_value('num1'))
-    return num1 ** Math.E
-
-# Set up the buttons and outputs
-button_equal = gr.Button(id='equal', label='=')
-button_add = gr.Button(id='add', label='+')
-button_subtract = gr.Button(id='subtract', label='-')
-button_multiply = gr.Button(id='multiply', label='*')
-button_divide = gr.Button(id='divide', label='/')
-button_power = gr.Button(id='power', label='^')
-button_sqrt = gr.Button(id='sqrt', label='√')
-button_exp = gr.Button(id='exp', label='e^x')
-
-output = gr.TextOutput(id='result', text='')
-
-# Set up the event handlers
-def update_output(sender):
-    global output
-    if sender == button_equal:
-        num1 = float(input_box.get_value('num1'))
-        num2 = float(input_box.get_value('num2'))
-        output.text = f'{num1} {sender.label} {num2} = {num1} {sender.label} {num2}'
-    elif sender == button_add or sender == button_subtract or sender == button_multiply or sender == button_divide:
-        num1 = float(input_box.get_value('num1'))
-        num2 = float(input_ box.get_value('num2'))
-        result = None
-        if sender == button_add:
-            result = add()
-        elif sender == button_subtract:
-            result = subtract()
-        elif sender == button_multiply:
-            result = multiply()
-        else:
-            result = divide()
-        output.text = f'{num1} {sender.label} {num2} = {result}'
-    elif sender == button_power or sender == button_sqrt or sender == button_exp:
-        num1 = float(input_box.get_value('num1'))
-        num2 = float(input_box.get_value('num2'))
-        result = None
-        if sender == button_power:
-            result = power()
-        elif sender == button_sqrt:
-            result = sqrt()
-        else:
-            result = exp()
-        output.text = f'{num1} {sender.label} {num2} = {result}'
-
-# Run the application
-gr.run_application(layout)
+layout = gr.GridLayout(cols=3, rows=4)
+
+# Add labels and entries for the numbers and operators
+layout.add(gr.Label('Number 1:'))
+layout.add(gr.Entry())
+layout.add(gr. Label('Number 2:'))
+layout.add(gr.Entry())
+layout.add(gr.Label('Operator:'))
+layout.add(gr.Choice(options=['+', '-', '*', '/']))
+
+# Add a button to submit the calculation
+layout.add(gr.Button('Calculate'))
+
+# Define a function to perform the calculation when the button is clicked
+def calculate():
+    num1 = float(layout.get_value(0))
+    num2 = float(layout.get_value(2))
+    operator = layout.get_value(4)
+
+    if operator == '+':
+        result = num1 + num2
+    elif operator == '-':
+        result = num1 - num2
+    elif operator == '*':
+        result = num1 * num2
+    else:
+        result = num1 / num2
+
+    # Display the result in the final column
+    layout.set_value(6, str(result))
+
+# Attach the calculate function to the button
+layout.get_widget(5).on_click(calculate)
+
+# Start the GUI event loop
+gradio.run(layout)