index.html

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Guessing Game</title>
    <link rel="stylesheet" href="main.css">
    <!-- the MAIN.CSS file is linked here -->
    <script src='guessing-game.js' defer></script>
  </head>

  <body>
    
    <h1>Petra's Guessing Game!</h1>
    
    <div class="form">
      <h3>Take a guess - enter a number between 1 and 100!</h3>
      <input type="text" placeholder="enter number here">
      <button id='submit'>Submit</button><button id='reset'>Guess Again</button><button id='hint'>Hint</button>
    </div>
      <h4 id='displayText'>How am I doing?</h4>
      <h4>Previous Guesses - Can you guess within 5?</h4>
    <div class='guesses'>
      <ul id='guess'>
        <li class='guessChild'></li>
          <li class='guessChild'></li>
          <li class='guessChild'></li>
          <li class='guessChild'></li>
          <li class='guessChild'></li>
        </ul>
    </div>


    <!-- uncomment the script tag above when you are ready to add JavaScript to your document -->
  </body>

</html>