index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>What color are my eyes?</title>

    <link href="main.css" rel="stylesheet" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="main.js"></script>
  </head>

  <body>
    <div class="js-prompt">
      <div>What color are my eyes?</div>

      <br />

      <div>
        <button class="js-find-out-button">
          Find Out What Color My Eyes Are
        </button>
      </div>
    </div>

    <div class="js-loading-indicator u-displayNone">
      Calculating eye color...
    </div>

    <div class="js-result u-displayNone">
      <div>Your eyes are <span style="color: green">hazel</span>.</div>

      <br />

      <button class="js-try-again">Try again!</button>
    </div>
  </body>
</html>