number_guessing_game/instructions.html at main · mitra-123/number_guessing_game · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us</title>
    <link href="instructions.css" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Chewy&display=swap">
</head>
<body>
    <nav id="nav">
        <ul>
            <li id="li1"><a id="links" href="home.html">Home</a></li>
            <li id="li1"><a id="links" href="game.html">Play Game</a></li>
            <li id="li1"><a id="links" href="instructions.html">Instructions</a></li>
            <li id="li1"><a id="links"href="aboutUs.html">About Us</a></li>


        </ul>
    </nav>


    <div id="instr">
    <h1 id="tb" class="tb1">HOW TO PLAY!</h1>
    <ol>
        <li id="li">To get started you will be prompted to type a username!</li>
        <li id="li">Enter the maximum number you want for the guessing game. The random number generated will be from one to your chosen range.</li>
        <li id="li">Decide how many guesses you want to have. Be strategic, and choose wisely!</li>
        <li id="li">Feeling stuck? No worries! You have a "Hint" button available. Click it if you want a clue, but remember, each hint uses up one of your guesses. The hint will tell you whether the actual number is higher or lower than your current guess.</li>
        <li id="li">You win if you correctly guess the number within the chosen number of guesses.
            If you run out of guesses without correctly guessing the number, you lose. But don't worry; you can always play again!</li>
        <li id="li">Click start and have fun! </li>

    </ol>

    <button onclick="start()" id="b"><a href="game.html"> START GAME !</a></button>
    </div>


    <img id="qm" src="question mark.png">
    <img id="num" src="numbers.png">

     <footer>(c) Author: <span> Mychaelynn Tran, Akhanali Amangeldi, Mitra Sarwari </span> </footer>
</body>

</html>