Calculator with Flask

import numpy as np

my_array=[1,2,3,4,5]

a=np.array(my_array)

print(a)

print(a*5)

Simulation

main.py

from flask import Flask, render_template, request

Flask_App = Flask(__name__) # Creating our Flask Instance

@Flask_App.route('/', methods=['GET'])

def index():

""" Displays the index page accessible at '/' """

return render_template('index.html')

@Flask_App.route('/operation_result/', methods=['POST'])

def operation_result():

"""Route where we send calculator form input"""

error = None

result = None

# request.form looks for:

# html tags with matching "name= "

first_input = request.form['Input1']

second_input = request.form['Input2']

operation = request.form['operation']

try:

input1 = float(first_input)

input2 = float(second_input)

# On default, the operation on webpage is addition

if operation == "+":

result = input1 + input2

elif operation == "-":

result = input1 - input2

elif operation == "/":

result = input1 / input2

elif operation == "*":

result = input1 * input2

else:

operation = "%"

result = input1 % input2

return render_template(

'index.html',

input1=input1,

input2=input2,

operation=operation,

result=result,

calculation_success=True

)

except ZeroDivisionError:

return render_template(

'index.html',

input1=input1,

input2=input2,

operation=operation,

result="Bad Input",

calculation_success=False,

error="You cannot divide by zero"

)

except ValueError:

return render_template(

'index.html',

input1=first_input,

input2=second_input,

operation=operation,

result="Bad Input",

calculation_success=False,

error="Cannot perform numeric operations with provided input"

)

if __name__ == '__main__':

Flask_App.debug = True

Flask_App.run(host='0.0.0.0', port=8080)

index.html

<!DOCTYPE html>

<head>

<title>Document</title>

href="{{ url_for('static', filename='calculator.css') }}"/>

</head>

<body>

<h1 class="text-center">Python Flask Calculator</h1>

<label for="floatingInput">Input the first number</label>

</div>

<label for="floatingPassword">Input the second number </label>

<br>

</div>

<br>

<label for="operation">Operation</label>

<option value="+">Addition</option>

<option value="-">Subtraction</option>

<option value="/">Division</option>

<option value="*">Multiplication</option>

<option value="%">Modulus</option>

</select>

<br/>

<br>

</div>

</form>

{% if calculation_success == True %}

<br/>

<p>The calculation for {{input1}} {{operation}} {{input2}} is: {{result}}</p>

{% endif %}

{% if calculation_success == False %}

<br/>

<p>{{error}}</p>

<p>{{input1}} {{operation}} {{input2}} = "{{result}}"</p>

{% endif %}

</div>

</body>

</html>

Source: https://medium.com/@alanbanks229/part-2-of-2-introduction-to-python-flask-29b58adbabaf