Зафиксировал мысль, потом вернусь к идее с бэкендом на питоне.

This commit is contained in:
dr_domi
2026-05-02 23:26:53 +03:00
parent d9e05ea8e0
commit c7220c11b0
5 changed files with 33 additions and 21 deletions
-57
View File
@@ -1,57 +0,0 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Калькулятор BMI</title>
<!-- Подключение стилей -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- 1. Шапка сайта (заголовок, логотип, навигация) -->
<header>
<!-- Можно добавить логотип или название -->
<h1>Калькулятор индекса массы тела (BMI)</h1>
</header>
<!-- 2. Основное содержимое страницы -->
<main>
<!-- Форма для ввода данных пользователя -->
<section>
<form id="bmi-form">
<label for="height">Рост (в метрах):</label>
<input type="text" id="height" name="height" placeholder="Например: 1.75" required>
<label for="weight">Вес (в килограммах):</label>
<input type="text" id="weight" name="weight" placeholder="Например: 70" required>
<button type="submit">Рассчитать BMI</button>
</form>
<!-- Место для вывода результата -->
<div id="result">
<!-- Сюда будет вставлен результат расчёта -->
</div>
</section>
</main>
<!-- 3. Блок с информацией о результатах BMI -->
<aside>
<h3>Интерпретация результата:</h3>
<ul>
<li>Менее 18.5 — Недостаточный вес</li>
<li>18.5–24.9 — Нормальный вес</li>
<li>25–29.9 — Избыточный вес</li>
<li>30 и более — Ожирение</li>
</ul>
</aside>
<!-- 4. Подвал сайта -->
<footer>
<p>&copy; 2025 Калькулятор BMI. Все права защищены.</p>
</footer>
<!-- Подключение JavaScript-файла для обработки формы -->
<script src="script.js"></script>
</body>
</html>