Code 2 - Class 14 / 3

MDJAmin · MDJAmin · commit cdc934d74463 · 2026-02-26T15:15:44.000+03:30
diff --git a/Block Chain Collage Code 2/14/3/css/style.css b/Block Chain Collage Code 2/14/3/css/style.css
diff --git a/Block Chain Collage Code 2/14/3/index.html b/Block Chain Collage Code 2/14/3/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/style.css">
+    <title>Guess The number</title>
+</head>
+<body>
+
+    <h1>Guess The number!!</h1>
+    
+    <input type="text" id="guess">
+    <button id="submit">Submit</button>
+    <button id="reset">Reset the game</button>
+    <h2 id="chance"></h2>
+    <p id="hint"></p>
+    <p id="showLastNumber"></p>
+
+    <script src="js/script.js"></script>
+</body>
+</html>
diff --git a/Block Chain Collage Code 2/14/3/js/script.js b/Block Chain Collage Code 2/14/3/js/script.js
@@ -0,0 +1,53 @@
+"use strict"
+
+const guessInp = document.querySelector("#guess")
+const submitBtn = document.querySelector("#submit")
+const resetBtn = document.querySelector("#reset")
+const chanceEl = document.querySelector("#chance")
+const hintEl = document.querySelector("#hint")
+const lastGuessEl = document.querySelector("#showLastNumber")
+
+
+let chance = 5;
+let randomNum = Math.trunc(Math.random() * 20 + 1)
+
+chanceEl.textContent = `chance: ${chance}`;
+
+submitBtn.addEventListener("click", () => {
+
+    chance--;
+    chanceEl.textContent = `chance: ${chance}`
+    const value = guessInp.value
+    guessInp.value = ""
+    lastGuessEl.textContent += ` ${value},`
+    
+    if (randomNum == value) {
+        guessInp.disable = true
+        submitBtn.disable = true
+        hintEl.textContent = "You Winnnnnnn!🎉"
+    } else {
+        if (chance > 0) {
+            if (randomNum > value) {
+                hintEl.textContent = "Your Guess is lower than random number";
+            } else {
+                hintEl.textContent = "Your Guess is higher than random number";
+            }
+        } else {
+            guessInp.disable = true
+            submitBtn.disable = true
+            hintEl.textContent = `you lose, random number was : ${randomNum} 😂🗿`
+        }
+    }
+})
+
+
+resetBtn.addEventListener("click", () => {
+    guessInp.disable = false
+    submitBtn.disable = false
+    chance = 5
+    chanceEl.textContent = `chance: ${chance}`
+    hintEl.textContent=""
+    lastGuessEl.textContent=""
+    randomNum = Math.trunc(Math.random() * 20 + 1)
+})
+
