btra
/
SimT
forked from truon/SimT
Watch 0
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Transférer les fichiers vers 'GutenTag'

Bao-Anh Tran 1 year ago
parent
8075a98888
commit
80bdb29e9a
3 changed files with 78 additions and 0 deletions
Split View Show Diff Stats
  1. 7
    0
      GutenTag/test.css
  2. 29
    0
      GutenTag/test.html
  3. 42
    0
      GutenTag/test.js

+ 7
- 0
GutenTag/test.css View File 

@@ -0,0 +1,7 @@
1 
+.center {
2 
+    text-align: center;
3 
+}
4 
+
5 
+.biggerSize {
6 
+    font-size: 200%;
7 
+}

+ 29
- 0
GutenTag/test.html View File 

@@ -0,0 +1,29 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+<head>
4 
+    <meta charset="UTF-8">
5 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
+    <link rel="stylesheet" href="test.css">
8 
+    <script src="test.js"></script>
9 
+    <title>Guessing game</title>
10 
+</head>
11 
+<body>
12 
+    <h1 class="center">WELCOME TO OUR<br>GUESSING GAME</h1>
13 
+    <div class="center">
14 
+        <button id="start" onclick="startGame()" class="biggerSize">Let's start!!!</button>
15 
+    </div>
16 
+
17 
+    <div id="gameId" class="center" style="visibility: hidden">
18 
+        <h3>I'm thinking about a number between 1 and 100...</h3>
19 
+        <p class="biggerSize">Your guess</p>
20 
+        <input id="guess" type="text" class="center biggerSize">
21 
+        <button id="guessBtn" onclick="gameFunc()" class="biggerSize">Guess</button>
22 
+        <h1 id="result"></h1>
23 
+    </div>
24 
+
25 
+    <div id="restart" class="center" style="visibility: hidden">
26 
+        <button onclick="restart()" class="biggerSize">Let's play again!</button>
27 
+    </div>
28 
+</body>
29 
+</html>

+ 42
- 0
GutenTag/test.js View File 

@@ -0,0 +1,42 @@
1 
+var randomNum = Math.floor(Math.random() * 100) + 1;
2 
+var guessCount = 0;
3 
+
4 
+function startGame() {
5 
+    var gameDiv = document.getElementById("gameId");
6 
+    gameDiv.style.visibility = "visible";
7 
+}
8 
+
9 
+function gameFunc() {
10 
+    guessCount ++;
11 
+
12 
+    var startBtn = document.getElementById("start");
13 
+    var input = document.getElementById("guess");
14 
+    var result = document.getElementById("result");
15 
+    var restart = document.getElementById("restart");
16 
+    var playerGuess = input.value;
17 
+    var guessBtn = document.getElementById("guessBtn");
18 
+
19 
+    if (isNaN(playerGuess) ||
20 
+        !Number.isInteger(parseInt(playerGuess)) ||
21 
+        parseInt(playerGuess) <= 0 ||
22 
+        parseInt(playerGuess) > 100) {
23 
+        alert("Please enter an integer between 1 and 100");
24 
+        input.value = "";
25 
+    } else if (parseInt(playerGuess) == randomNum) {
26 
+        result.innerHTML = "You are right!!! " + randomNum + " is a correct guess. You made it right in " + guessCount + " guesses";
27 
+        startBtn.disabled = "true";
28 
+        guessBtn.disabled = "true";
29 
+        input.disabled = "true";
30 
+        restart.style.visibility = "visible";
31 
+    } else if (parseInt(playerGuess) > randomNum) {
32 
+        result.innerHTML = "It's lower";
33 
+        input.value = "";
34 
+    } else if (parseInt(playerGuess) < randomNum) {
35 
+        result.innerHTML = "It's higher";
36 
+        input.value = "";
37 
+    }
38 
+}
39 
+
40 
+function restart() {
41 
+    window.location.reload();
42 
+}

Write Preview
Loading…
Cancel
Save