Parcourir la source

HW_js_01 done

Vitalii Polishchuk il y a 3 ans
Parent
commit
30abeaa0ca
3 fichiers modifiés avec 85 ajouts et 0 suppressions
  1. 17 0
      js/01/css/main.css
  2. 24 0
      js/01/index.html
  3. 44 0
      js/01/js/main.js

+ 17 - 0
js/01/css/main.css

@@ -0,0 +1,17 @@
+body,
+form {
+    display: flex;
+}
+
+form {
+    width: 200px;
+    flex-direction: column;
+    padding: 10px;
+    text-align: center;
+    border: 2px solid rgb(156, 153, 153);
+    border-radius: 10px;
+}
+
+input {
+    margin-top: 15px;
+}

+ 24 - 0
js/01/index.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>HW_JS_01</title>
+    <link rel="stylesheet" href="css/main.css">
+</head>
+
+<body>
+    <form action="#">
+        <h2>Form</h2>
+        <input type="text" name="Account" id="acc" placeholder="Enter login">
+        <input type="password" name="Password" id="pass" placeholder="Enter password">
+        <input type="button" value="Log in" onclick="verification()">
+        <div id="result"></div>
+    </form>
+
+    <script src="/js/main.js"></script>
+</body>
+
+</html>

+ 44 - 0
js/01/js/main.js

@@ -0,0 +1,44 @@
+//Расчет покупки квартиры
+let perSquareMetreCost;         //объявление переменной стоимости м²
+let flatCost;                   //объявление переменной стоимости квартиры
+let flatType = prompt("Расчет покупки квартиры - укажите класс жилья: 1 (эконом), 2 (комфорт), 3 (бизнес), 4 (премиум)", "");     //просим пользователя указать класс жилья
+
+if (flatType == 1) {        //определяем стоимость м²
+    perSquareMetreCost = 12547;
+} else if (flatType == 2) {
+    perSquareMetreCost = 17635;
+} else if (flatType == 3) {
+    perSquareMetreCost = 20178;
+} else if (flatType == 4) {
+    perSquareMetreCost = 27940;
+} else {
+    alert("Ошибка, введите цифровое значение из предложенных вариантов");
+}
+
+if (perSquareMetreCost != null) {
+    let perSquareMetre = prompt("Укажите размер квартиры (м²)", "");        //просим пользователя ввести размер квартиры
+    flatCost = perSquareMetre * perSquareMetreCost;                     //расчет стоимости жилья
+    let income = prompt("Введите Ваш доход в месяц (в грн).", "");      //просим пользователя указать доход
+    let savingsPerMounth = income * 0.35;                               //расчет сбережений в месяц
+    let timeForBuying = Math.round(flatCost / savingsPerMounth / 12);   //расчет времени накопления сбережениц в годах
+
+    alert("Стоимость квартиры: " + flatCost + " Время накопления полной суммы (в годах): " + timeForBuying);  //выводим стоимость жилья и времени на накопление достаточной суммы для его покупки
+} else {
+    alert("Попробуйте сначала");
+}
+
+
+var credentials = {
+    login: 'admin',
+    password: 'qwerty',
+};
+
+function verification() {
+    if (acc.value == credentials.login && pass.value == credentials.password) {
+        result.style.color = "green";
+        result.innerHTML = "Успешно!";
+    } else {
+        result.style.color = "red";
+        result.innerHTML = "Неправильный логин или пароль";
+    }
+}