Sākums Izpētīt Palīdzība
Pierakstīties
vladislavaSim
/
homeworks
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Faili Problēmas 14 Izmaiņu pieprasījumi 0 Vikivietne
Pārlūkot izejas kodu

HW1 added

vladislavaSim 2 gadi atpakaļ
revīzija
801440d691
2 mainītis faili ar 60 papildinājumiem un 0 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 29 0
      HW1/index.html
  2. 31 0
      HW1/index.js

+ 29 - 0
HW1/index.html
Parādīt failu 

@@ -0,0 +1,29 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+    <head>
 
+        <meta charset="UTF-8">
 
+        <title>HW1</title>
 
+        <style>
 
+            #message {
 
+                width: 120px;
 
+                font-size: 18px;
 
+            }
 
+            .success-message {
 
+                background-color: palegreen;
 
+            }
 
+            .fail-message {
 
+                background-color: #ff6b6b;
 
+            }
 
+        </style>
 
+    </head>
 
+    <body>
 
+        <div>
 
+            <form>
 
+                <input type="text" id="login" placeholder="login">
 
+                <input type="text" id="password" placeholder="password">
 
+                <button id="login-btn">Log in</button>
 
+            </form>
 
+        </div>
 
+    <script src="index.js"></script>
 
+    </body>
 
+</html>

+ 31 - 0
HW1/index.js
Parādīt failu 

@@ -0,0 +1,31 @@
 
+let cigarettesPerDay = +prompt('How many cigarettes do you smoke per day?');
 
+let onePackPrice = +prompt('How much does one pack cost?')
 
+
 
+let cigarettesPerMonth = cigarettesPerDay * 30;
 
+let packsPerMonth = cigarettesPerMonth / 20;
 
+
 
+let totalPricePerMonth = packsPerMonth * onePackPrice;
 
+alert(`You spend ${totalPricePerMonth} for cigarettes every month. Aren\'t you surprised?`)
 
+
 
+var credentials = {
 
+    login: 'admin',
 
+    password: 'qwerty',
 
+};
 
+
 
+let login = document.querySelector('#login');
 
+let password = document.querySelector('#password');
 
+let loginBtn = document.querySelector('#login-btn');
 
+let message = document.createElement('div');
 
+message.id = 'message'
 
+
 
+loginBtn.addEventListener('click', (e) => {
 
+    e.preventDefault()
 
+    if(login.value === credentials.login && password.value === credentials.password) {
 
+        message.innerHTML = 'Successful login'
 
+        message.className = 'success-message'
 
+    } else {
 
+        message.innerHTML = 'Data is wrong!'
 
+        message.className = 'fail-message'
 
+    }
 
+    document.body.append(message)
 
+});