%!s(int64=2) %!d(string=hai) anos · 801440d691
--- a/HW1/index.html
+++ b/HW1/index.html
@@ -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>
			
--- a/HW1/index.js
+++ b/HW1/index.js
@@ -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)
			
 
				+});