Fairy_Tale/index.html at master · Dimos082/Fairy_Tale · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE HTML>
<html>
<title>Story</title>
<!--Source and the last version here: https://github.com/Dimos082/Fairy_Tale -->
<head>
  <meta charset="utf-8" />
  <link rel="shortcut icon" type="image/png" href="resources/favicon.gif"/>
  <link rel="stylesheet" href="resources/style.css">
  <!--Link to sweetalert2 library-->
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8">

  </script>
</head>

<body>
  <div id="playButton" onclick="togglePlay()"></div>
  <div>
  <h1>The story begins...</h1>
     <!-- This button activates tale function-->
      <button id="start" onclick="TellTale()">Tell me a story</button>
      <div class="container">
      <p id="Tale"></p>  <!-- Result from tale.js will be put here as innerHTML-->
      </div>
        </div>
          <!-- Music performed by Denis Stelmakh (c) https://www.youtube.com/user/stelmakhdenis/videos -->
          <audio id="music"> <source src="resources/music.mp3"> If you are reading this - I'm afraid your browser doesn't support audio element </audio>
            <!--Important to place tale.js after DOM elements-->
            <script type="text/javascript" src="resources/tale.js"></script>
</body>

</html>