homework/HW 1/js/script.js

"use strict";

document.addEventListener("DOMContentLoaded", () => {
    function calc() {
        // Калькулятор подсчета каллорий для девущек 
        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--; //возвращаем пользователя к вопросам опять, если не прошел проверку 
            }
        }
    }
    // calc()


    function calcFetch() {
        let btn = document.querySelector(".btn");
        let resultBtn = document.getElementById('results');
        let rawValueEx = document.getElementById('rawValueEx');
        let currentUah = document.getElementById("current__uah");
        let str = `<option>UAH</option>`;
        currentUah.innerHTML = str;

        fetch('https://open.er-api.com/v6/latest/UAH')
            .then((response) => {
                return response.json();
            })
            .then((data) => {
                let currentSelect = document.getElementById("current__select");
                let currentUah = document.getElementById("current__uah");
                for (let key in data.rates) {
                    let str = `<option value="${key}">${key}</option>`;
                    currentSelect.innerHTML += str;
                    currentUah.innerHTML += str;
                }
                btn.addEventListener("click", () => {
                    fetch(`https://open.er-api.com/v6/latest/${currentUah.value}`)
                        .then((response) => {
                            return response.json();
                        })
                        .then((data) => {
                            resultBtn.setAttribute('value', data.rates[currentSelect.value] * rawValueEx.value);
                        });
                });
            });
    }
    calcFetch()




    function blueBelt() {
        const btn = document.querySelector(".form__btn"),
            inputLogin = document.querySelector(".input__login"),
            inputPassword = document.querySelector(".input__password"),
            div = document.createElement("div");

        let credentials = {
            login: 'admin',
            password: 'qwerty',
        };

        btn.addEventListener("click", (event) => {
            event.preventDefault()
            if (inputLogin.value == credentials.login && inputPassword.value == credentials.password) {
                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);
            }
        });
    }
    // blueBelt()
});