homework/HW 1/js/script.js

"use strict";

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


    //*TODO Calc with fetch (in process...)
    let btn = document.querySelector(".btn");
    let resultBtn = document.getElementById('resulrs');
    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");
            for (let key in data.rates) {
                let str = `<option value="${key}">${key}</option>`;
                currentSelect.innerHTML += str;
            }
            btn.addEventListener("click", () => {
                resultBtn.value = data.rates[currentSelect.value] * rawValueEx.value;
                console.log(rawValueEx.value);
            });
        });




    //*TODO Задание на синий пояс
    // 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);
    //     }
    // });
});