|
@@ -0,0 +1,52 @@
|
|
|
+"use strict";
|
|
|
+
|
|
|
+document.addEventListener("DOMContentLoaded", () => {
|
|
|
+ // Калькулятор подсчета каллорий для девущек
|
|
|
+
|
|
|
+ for (let i = 0; i < 1; i++) { //цикл
|
|
|
+ const userWeight = +prompt("Ваш вес", ""), //просим пользователя ввести его вес
|
|
|
+ userHeight = +prompt("Ваш рост", ""), //просим пользователя ввести его рост
|
|
|
+ userAge = +prompt("Ваш возраст", ""); //просим пользователя ввести его возраст
|
|
|
+
|
|
|
+ if (userWeight != null && userHeight != null && userAge != null && userWeight != '' && userHeight != '' && userAge != '') { //делаем проверку (пользователь не может закрыть модальное окно и оставить поле пустым, пока не введет даные)
|
|
|
+ const weightCount = 10 * userWeight, //подсчитываем введенные данные пользователя с помощью формулы
|
|
|
+ heightCount = 6.25 * userHeight,
|
|
|
+ ageCount = 5 * userAge,
|
|
|
+ totalCount = (weightCount + heightCount - ageCount) - 161;
|
|
|
+
|
|
|
+ alert(`${totalCount} - это количество калорий в день позволит вам есть и худеть`); //выводим общую сумму количества каллорий на день
|
|
|
+ } else {
|
|
|
+ console.log('error'); //выводим в консоль сообщение об ошибке
|
|
|
+ i--; //возвращаем пользователя к вопросам опять, если не прошел проверку
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ const btn = document.querySelector(".form__btn"),
|
|
|
+ inputLogin = document.querySelector(".input__login"),
|
|
|
+ inputPassword = document.querySelector(".input__password"),
|
|
|
+ trueLogin = 'admin',
|
|
|
+ truePassword = 'qwerty',
|
|
|
+ div = document.createElement("div");
|
|
|
+
|
|
|
+
|
|
|
+ btn.addEventListener("click", (event) => {
|
|
|
+ event.preventDefault()
|
|
|
+ if (inputLogin.value == trueLogin && inputPassword.value == truePassword) {
|
|
|
+ div.classList.add('style__div');
|
|
|
+ div.style.backgroundColor = "green"
|
|
|
+ div.innerHTML = "Поздравляем, Вы вошли в свой аккаунт!";
|
|
|
+ document.body.append(div);
|
|
|
+ } else {
|
|
|
+ div.classList.add('style__div');
|
|
|
+ div.style.backgroundColor = "red"
|
|
|
+ div.innerHTML = "Неверно введен логин или пароль";
|
|
|
+ document.body.append(div);
|
|
|
+ }
|
|
|
+ });
|
|
|
+});
|
|
|
+
|
|
|
+
|
|
|
+
|