|
|
@@ -1,52 +1,80 @@
|
|
|
"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--; //возвращаем пользователя к вопросам опять, если не прошел проверку
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- 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);
|
|
|
- }
|
|
|
- });
|
|
|
-});
|
|
|
+ // 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);
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+});
|
