Individual HW Expanded Calculator: Write And Upload A Form

Individual Hw Expanded Calculatorwrite And Upload An Html Form And A

Write and upload an HTML form and a CGI script to expand the Calculate you did in class and allow the user to choose to add, subtract, multiply, or divide the two numbers. Your code should reproduce the functionality found here: (Links to an external site.) Submission Upload your files to Canvas as an html file, a seperate cgi file, and the links to your websites. As always, both functionality and good coding practices will be factored into your grade.

Paper For Above instruction

Individual Hw Expanded Calculatorwrite And Upload An Html Form And A

This project involves creating an interactive web-based calculator that performs basic arithmetic operations—addition, subtraction, multiplication, and division—by utilizing an HTML form coupled with a Common Gateway Interface (CGI) script. The goal is to allow users to input two numbers, select an operation, and then observe the calculated result, replicating the functionality typical of calculator applications demonstrated in class. This implementation emphasizes good coding practices, accessibility, and functionality, providing a comprehensive understanding of client-server interaction, form handling, and server-side scripting.

Designing the HTML Form

The first component of this project is the creation of an HTML form that collects user input and submits it to a CGI script for processing. The form will include inputs for two numbers, radio buttons or a dropdown for selecting the arithmetic operation, and a submit button. This form must be designed with clarity and user-friendliness in mind. The form will specify the CGI script’s URL in its 'action' attribute and use the 'GET' or 'POST' method for data transmission, typically 'POST' for security reasons.

Implementing the CGI Script

The CGI script serves as the server-side processor that handles the form data submitted by the user. It will parse the input data, perform the selected arithmetic operation, and generate an HTML response that displays the computation result. The script must handle edge cases such as division by zero gracefully, providing appropriate feedback to the user. The script will be written in a language compatible with CGI, such as Perl, Python, or Bash, depending on the server environment.

Sample HTML Form Code

Sample CGI Script

The following is an example in Python, assuming a server environment that supports Python CGI scripting.

!/usr/bin/env python3
import cgi
import cgitb; cgitb.enable()
def perform_calculation(num1, num2, operation):
try:
if operation == 'add':
return num1 + num2
elif operation == 'subtract':
return num1 - num2
elif operation == 'multiply':
return num1 * num2
elif operation == 'divide':
return num1 / num2 if num2 != 0 else 'Error: Division by zero'
else:
return 'Invalid operation'
except Exception as e:
return f'Error: {str(e)}'
print("Content-Type: text/html")
print()
print("
")
print("
Calculation Result
")
form = cgi.FieldStorage()
try:
num1 = float(form.getvalue('num1'))
num2 = float(form.getvalue('num2'))
operation = form.getvalue('operation')
result = perform_calculation(num1, num2, operation)
print(f"
Result: {result}
")
except (TypeError, ValueError):
print("
Error: Invalid input. Please enter valid numbers.
")
print("