4 년 전 · b9487ff86f
--- a/js01/all.css
+++ b/js01/all.css
@@ -0,0 +1,6 @@
 
																+input:invalid {
															
 
																+    background: red;
															
 
																+}
															
 
																+input:valid {
															
 
																+    background: green;
															
 
																+}
															
--- a/js01/index.html
+++ b/js01/index.html
@@ -0,0 +1,18 @@
 
																+<!DOCTYPE html>
															
 
																+<html lang='en'>
															
 
																+    <head>
															
 
																+        <meta charset='UTF-8' />
															
 
																+        <meta name='viewport' content='width=device-width, initial-scale=1.0' />
															
 
																+        <title>Home Work 1 JS</title>
															
 
																+        <link rel="stylesheet" href="all.css">
															
 
																+    </head>
															
 
																+    <body>
															
 
																+        <h1>Home Work 1</h1>
															
 
																+        <form id='form' action="#" class="form">
															
 
																+            <input id='login' type='text' placeholder='login' name='login' required/>
															
 
																+            <input id='password' type='password' placeholder='password' name='password' required/>
															
 
																+            <button id='check' class='btn' type='submit'>Login</button>
															
 
																+        </form>
															
 
																+        <script src='index.js'></script>    
															
 
																+    </body>
															
 
																+</html>
															
--- a/js01/index.js
+++ b/js01/index.js
@@ -0,0 +1,48 @@
 
																+// Calc
															
 
																+ let isRightList = '';
															
 
																+ let purchaseAmount = '';
															
 
																+ do {
															
 
																+ let milk = prompt('Please, enter the number of how many cartons of milk you need') // составляем список продуктов
															
 
																+ let bread = prompt('Please, enter the number of how many bread you need')
															
 
																+ let meat = prompt('Please, enter the number of how many kilograms of meat you need')
															
 
																+ let watermelon = prompt('Please, enter the number of how many watermelons you need')
															
 
																+ let watermelonWeight = prompt('Please, enter the number of how many kilograms you want the watermelon to weight')
															
 
																+ let eggs = prompt('Please, enter the number of how many eggs you need')
															
 
																+ let rice = prompt('Please, enter the number of how many kilograms of rice you need')
															
 
																+ let cucumbers = prompt('Please, enter the number of how many kilograms of cucumbers you need')
															
 
																+  isRightList = confirm('You need milk ' + milk + ' cartons, bread ' + bread  + ', meat' + meat + ' kilograms, watermelons ' + watermelon + ', eggs ' + eggs + ' pieces, rice ' + rice + ' kilograms, cucumbers ' + cucumbers + ' kilograms. Is it right?') // проверяем правильно ли составлен список
															
 
																+ let milkPrice = 25 * milk;
															
 
																+ let breadPrice = 11 * bread;
															
 
																+ let waterMelonPrice = 6 * watermelon * watermelonWeight; // рассчитываем стоимость арбуза
															
 
																+ let eggsPrice = 2 * eggs;
															
 
																+ let ricePrice = 27 * rice;
															
 
																+ let cucumberPrice = 30 * cucumbers;
															
 
																+ purchaseAmount = milkPrice + breadPrice + waterMelonPrice + eggsPrice + ricePrice + cucumberPrice; // рассчитываем общую стоимость покупки
															
 
																+ } while (isRightList === false);
															
 
																+ alert('Your purchase amount is ' + purchaseAmount + ' UAH')
															
 
																+// Задание на синий пояс
															
 
																+var credentials = {
															
 
																+    login: 'admin',
															
 
																+    password: 'qwerty',
															
 
																+};
															
 
																+let loginField = document.getElementById('login');
															
 
																+let passwordField = document.getElementById('password');
															
 
																+document.getElementById('check').onklick = function(event) {
															
 
																+   
															
 
																+    if (loginField.value === credentials.login && passwordField.value === credentials.password) {
															
 
																+        loginField.classList.toggle('input:valid')
															
 
																+        passwordField.classList.toggle('input:valid')
															
 
																+        loginField.classList.remove('input:invalid')
															
 
																+        passwordField.classList.remove('input:invalid')
															
 
																+        alert('Congratulations!');
															
 
																+     } else { 
															
 
																+        loginField.classList.toggle('input:invalid')
															
 
																+        passwordField.classList.toggle('input:invalid')
															
 
																+        loginField.classList.remove('input:valid')
															
 
																+        passwordField.classList.remove('input:valid') 
															
 
																+        alert('Error!'); 
															
 
																+    }
															
 
																+}
															
 
																+form.addEventListener('submit', function(event) {
															
 
																+    event.preventDefault()
															
 
																+})
															
--- a/рисунок.jpg
+++ b/рисунок.jpg