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

2026-05-02 23:26:53 +03:00
parent d9e05ea8e0
commit c7220c11b0
5 changed files with 33 additions and 21 deletions
@@ -0,0 +1,57 @@
+<!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="{{ url_for('static', filename='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="{{ url_for('static', filename='script.js') }}"></script>
+</body>
+</html>