homework/HW 2/js/script.js

"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);
        }
    });
});