Перейти к содержимому
Главная
Направление
Учебные задания
Новости
<div class="container"> <form action="" method="post" onsubmit="return validateForm()"> <input type="text" id="width" name="width" class="form-control" placeholder="Ширина"> <input type="text" id="height" name="height" class="form-control" placeholder="Высота"> <input type="submit" value="Вычислить" class="btn"> </form> <?php if ($_SERVER["REQUEST_METHOD"] == "POST") { // Получаем значения ширины и высоты из формы $width = $_POST["width"]; $height = $_POST["height"]; // Функция для вычисления площади прямоугольника function calculateArea($width, $height) { return $width * $height; } // Вызываем функцию и сохраняем результат в переменную $area = calculateArea($width, $height); // Выводим результат echo "Прямоугольник длиной $height и шириной $width имеет площадь $area."; } ?> </div> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
function validateForm() { var width = document.getElementById("width").value; var height = document.getElementById("height").value; if (isNaN(width) || isNaN(height)) { alert("Пожалуйста, введите только числа для ширины и высоты."); return false; } }
.form-control { margin-bottom: 10px; } .btn { background-color: #007BFF; color: white; }
Results: