Pārlūkot izejas kodu

first part of home work

kurkabein 2 gadi atpakaļ
revīzija
b8db4fdb4f
3 mainītis faili ar 85 papildinājumiem un 0 dzēšanām
  1. 19 0
      index.html
  2. 59 0
      main.js
  3. 7 0
      style.css

+ 19 - 0
index.html

@@ -0,0 +1,19 @@
+<!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>Document</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+
+    <div class="form-login">
+        <input type="text" placeholder="Input your login" id="login">
+        <input type="password" placeholder="Input your password" id="password">
+    <button type="button" onclick="LoginOnsystem()">Login</button>
+    </div>
+<script src="main.js"></script>
+</body>
+</html>

+ 59 - 0
main.js

@@ -0,0 +1,59 @@
+
+function getRndInteger(min,max) {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
+function ShowResult(text,points) {
+    let showResultinHtml = document.createElement("p");
+    showResultinHtml.innerHTML = `${text} ${points}`;
+    document.body.appendChild(showResultinHtml);
+}
+
+function LoginOnsystem() {
+
+    let credentials = {
+        login: 'admin',
+        password: 'qwerty'
+    }
+    let loginFromInput = document.getElementById('login').value;
+    let passwordFromInput = document.getElementById('password').value;
+    /* let divFromForm = document.getElementsByClassName("form-class"); */
+    /* let backgroundRed = divFromForm.style.backgroundColor = 'red';
+    let backgroundGreen = divFromForm.style.backgroundColor = 'green'; */
+    if (credentials.login === loginFromInput && credentials.password === passwordFromInput) {
+            document.getElementsByClassName("form-login")[0].style.background = "green";
+    } else {
+        document.getElementsByClassName("form-login")[0].style.background = "red";
+        alert("wrong login or password");
+    }
+     /* ? backgroundGreen : backgroundRed; */
+     /* (credentials.login === loginFromInput && credentials.password === passwordFromInput) ? document.getElementsByClassName("form-login")[0].style.background = "green" :  document.getElementsByClassName("form-login")[0].style.background = "red"; */
+
+    /* console.log(`Your login ; ${loginFromInput} Your password: ${passwordFromInput}`); */
+}
+
+
+
+let pointsEarnedAfterGame =  getRndInteger(225, 500);
+console.log(`Points earned after game : ${pointsEarnedAfterGame}`);
+
+ShowResult('Points earned after game :', pointsEarnedAfterGame);
+/* let pointsEarnedResult = document.createElement("p");
+pointsEarnedResult.innerHTML = `Points earned after game : ${pointsEarnedAfterGame}`;
+document.body.appendChild(pointsEarnedResult); */
+
+
+
+let pointsNeedForBuyNewCharacter = getRndInteger(10000, 25000); 
+console.log(`Points need for new character : ${pointsNeedForBuyNewCharacter}`);
+
+/* let pointsNeedForBuyNewCharacterResult = document.createElement("p");
+pointsNeedForBuyNewCharacterResult.innerHTML = `Points need for new character : ${pointsNeedForBuyNewCharacter}`;
+document.body.appendChild(pointsNeedForBuyNewCharacterResult); */
+
+ShowResult('Points need for new character :', pointsNeedForBuyNewCharacter);
+let howManyGamesNeedPlayed = Math.floor(pointsNeedForBuyNewCharacter/ pointsEarnedAfterGame);
+console.log(`Games need to play for bought new character :  ${howManyGamesNeedPlayed}`);
+ShowResult('Games need to play for bought new character :', howManyGamesNeedPlayed);
+/* Math.floor(Math.random() * 500)+150; */
+/* Math.floor(Math.random() * 25000) + 10000; */

+ 7 - 0
style.css

@@ -0,0 +1,7 @@
+.form-login {
+    width: 300px;
+    align-items: center;
+}
+.form-login input {
+    margin-bottom: 10px;
+}