dadjokes.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Dad Jokes</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>


  <div id="gameArea">
    <h1> Dad Jokes From a Sock Puppet</h1>
    <div id="result"> __________________________ </div>

    <div class="picture"><img
        src="https://i.etsystatic.com/17959787/r/il/5fc46d/4811942197/il_fullxfull.4811942197_1dz7.jpg"
        alt="Sock Puppet"> </div>
    <button onclick="dadjokes()" id="generate"> Generate </button>
     <div> <a href="index.html"> <button id="select"> Back to Select Screen</button></a> </div>
    <a href="https://www.today.com/life/dad-jokes-rcna27325"> <button id="source"> Source of the Dad Jokes</button></a>
    <a href="https://www.etsy.com/listing/1448744497/blue-and-wild-sock-puppet"> <button id="source"> Source of the Sock
        Puppet</button></a>

  </div>

  <script src="script.js"></script>
</body>

</html>