Number-Guessing/index.html at master · kwar0715/Number-Guessing · 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
<html>
    <head>
        <title>
            Guess Your Number
        </title>
        <link rel="stylesheet" href="style.css"/>
    </head>

    <body>

        <!-- Title -->
        <h1> Number guessing game </h1>

        <!-- Discription -->
        <p >
            We have selected a random number between 1 and 100.
            <br>See if you can guess it in 10 turns or fewer.
            <br>We'll tell you if your guess was too high or too low.</p>

        <!-- Input field -->
        <p>
            <label for="guessField">Enter Guess :</label> <input type="text" id="guessField" class="guessField"/>
            <input type="submit" value="Submit Guess" class="guessSubmit">
        </p>

        <!-- Results -->
        <p class="guesses"></p>
        <p class="lastResult"></p>
        <p class="lowOrHi"></p>
        <p>
            <button> Start New Game </button>
        </p>

        <script src="main.js" async></script>
    </body>
</html>