index05.html

<!doctype html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <!--eerst style sheet van de fonts inladen -->
    <link rel="stylesheet" href="https://use.typekit.net/ilr2sfa.css">
    <link rel="stylesheet" href="./css/style.css">
    <title>ATLAS OF ID</title>
  </head>
  <body>

      <div class="container">
        <div class="title">ATLAS OF ID 6/13</div>
        <img src="./img/12kl.png"style="width:96%;">
        <div class="bottom-right"><a href="index04.html">BACK</a></div>
        <div class="o"><a href="index06.html">o</a></div>

  <div class="top-right">We make forecast about people
    <br/ > 
    just as we make forecast about the weather.
    
    <button onclick="myFunction()">Do it</button>
    
    <p id="demo"></p>
    
    <script>
    function myFunction() {
      let text;
            let favDrink = prompt("We make it real!", "Are you kidding me?");
            switch(favDrink){
        case "Are you kidding me!":
        text = "Excellent choice. Ideology is good for the soul.";
        break;
        case "Are you kidding me not?":
        text = "I am!";
        break;
        case "Maybe":
        text = "Really! We do!";
        break;
        default:
        text = "I've never heard of that one.";
  }
  document.getElementById("demo").innerHTML = text;
  }
  </script>
    
  </div>

</body>
</html>