index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">

    <title>Number guessing game</title>

    <link rel="stylesheet" href="css/number-guessing-styles.css">

  </head>

  <body>
    <h1>Number guessing game</h1>

    <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="text" 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>
    </div>

    <script type="text/javascript" src="js/number-guessing-script.js"></script>

  </body>
</html>