Home Explore Help
Sign In
Vitalii_Polishchuk
/
HomeWork
Watch 1
Star 0
Fork 0
Files Issues 6 Pull Requests 0 Wiki
Browse Source

HW_js_01 done

Vitalii Polishchuk 3 years ago
parent
f1d2713167
commit
30abeaa0ca
3 changed files with 85 additions and 0 deletions
Unified View Show Diff Stats
  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
View File 

@@ -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
View File 

@@ -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
View File 

@@ -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 = "Неправильный логин или пароль";
 
+    }
 
+}