🔢 Как сделать калькулятор на HTML и Python: пошаговое руководство для начинающих! ⌨️🐍
<form action="" method="POST">
<input type="text" name="num1" placeholder="Введите число 1" />
<input type="text" name="num2" placeholder="Введите число 2" />
<select name="operation">
<option value="add">Сложение</option>
<option value="subtract">Вычитание</option>
<option value="multiply">Умножение</option>
<option value="divide">Деление</option>
</select>
<input type="submit" value="Посчитать" />
</form>
from flask import Flask, request
app = Flask(__name__)
@app.route('/', methods=['POST'])
def calculate():
num1 = float(request.form['num1'])
num2 = float(request.form['num2'])
operation = request.form['operation']
if operation == 'add':
result = num1 + num2
elif operation == 'subtract':
result = num1 - num2
elif operation == 'multiply':
result = num1 * num2
elif operation == 'divide':
result = num1 / num2
return str(result)
if __name__ == '__main__':
app.run()
Детальный ответ
Как сделать калькулятор на HTML и Python
Приветствую! В этой статье я подробно расскажу о том, как создать простой калькулятор с использованием HTML и Python. Калькулятор, который мы создадим, будет выполнять основные арифметические операции: сложение, вычитание, умножение и деление.
Шаг 1: Создание HTML-формы
В начале давайте создадим HTML-форму, которая будет использоваться для ввода чисел и выбора операции:
<!DOCTYPE html>
<html>
<head>
<title>Калькулятор</title>
</head>
<body>
<h2>Калькулятор</h2>
<form action="" method="post">
<input type="number" name="num1" placeholder="Введите число 1" required>
<input type="number" name="num2" placeholder="Введите число 2" required>
<select name="operation">
<option value="addition">Сложение</option>
<option value="subtraction">Вычитание</option>
<option value="multiplication">Умножение</option>
<option value="division">Деление</option>
</select>
<input type="submit" value="Рассчитать">
</form>
</body>
</html>
В этом коде мы создали HTML-форму с использованием тегов `
Шаг 2: Обработка данных с помощью Python
Теперь, когда у нас есть HTML-форма, давайте перейдем к обработке данных с помощью языка программирования Python. Добавьте следующий код в файл с расширением `.py`:
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/', methods=['GET', 'POST'])
def calculate():
if request.method == 'POST':
num1 = float(request.form['num1'])
num2 = float(request.form['num2'])
operation = request.form['operation']
result = 0
if operation == 'addition':
result = num1 + num2
elif operation == 'subtraction':
result = num1 - num2
elif operation == 'multiplication':
result = num1 * num2
elif operation == 'division':
result = num1 / num2
return render_template('result.html', result=result)
return render_template('calculator.html')
if __name__ == '__main__':
app.run(debug=True)
В этом коде мы использовали фреймворк Flask для обработки данных формы и выполнения арифметических операций. Мы определили функцию `calculate`, которая проверяет, была ли форма отправлена методом POST, и если да, то выполняет выбранную операцию и возвращает результат. Затем мы запускаем приложение с помощью `app.run(debug=True)`.
Шаг 3: Создание HTML-страницы с результатом
Для отображения результата расчета мы создадим отдельную HTML-страницу. Создайте файл с именем `result.html` и добавьте следующий код:
<!DOCTYPE html>
<html>
<head>
<title>Результат</title>
</head>
<body>
<h2>Результат</h2>
<p>Результат: <b>{{ result }}</b></p>
<a href="/">Назад</a>
</body>
</html>
В этом коде мы отображаем результат расчета, используя фигурные скобки и переменную `result`. Кнопка `` позволяет вернуться к калькулятору и произвести новые расчеты.
Шаг 4: Запуск приложения
Теперь, когда у нас есть все необходимые файлы, давайте запустим наше приложение. В окне командной строки перейдите в папку с проектом и выполните следующую команду:
python название_файла.pyЗамените `название_файла` на имя вашего файла с кодом Python. После запуска приложения откройте веб-браузер и перейдите по адресу `http://localhost:5000/`, чтобы увидеть калькулятор.
Вывод
Поздравляю! Теперь у вас есть простой калькулятор, созданный с использованием HTML и Python. Вы можете вводить числа, выбирать операцию и видеть результат расчета. Этот проект поможет вам понять, как взаимодействовать с формами веб-страниц и обрабатывать данные с помощью языка программирования.