Spaces:
Running
Running
| <html lang="en-US"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" | |
| content="width=device-width, | |
| initial-scale=1"> | |
| <title>Number guessing game</title> | |
| <link href="favicon.svg" | |
| rel="icon" | |
| type="image/x-icon"> | |
| <link href="style.css" | |
| rel="stylesheet" | |
| type="text/css"> | |
| <script src="script.js" defer> </script> | |
| </head> | |
| <body> | |
| <header> | |
| <p><a href="../index.html">Back to homepage</a></p> | |
| <h1>Easy number guessing game</h1> | |
| </header> | |
| <main> | |
| <p>We have selected a random number between 1 and 100. See if you can guess it in 10 turns or fewer. We'll tell you if your guess was too high or too low.</p> | |
| <div class="form"> | |
| <label for="guessField">Enter a guess: </label> | |
| <input type="number" min="1" max="100" required id="guessField" class="guessField"> | |
| <input type="submit" value="Submit guess" class="guessSubmit"> | |
| </div> | |
| <div class="resultParas"> | |
| <p class="guesses"></p> | |
| <p class="lastResult"></p> | |
| <p class="lowOrHi"></p> | |
| <p class="message"></p> | |
| </div> | |
| </main> | |
| </body> | |
| </html> | |