Newer
Older
intro_quiz / admin / admin.html
@Nakagawa.K Nakagawa.K on 10 Aug 2024 1 KB add: code
<!DOCTYPE html>
<html lang="ja">
     
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>Server</title>
</head>     
<body>
    <link rel="stylesheet" href="css/admin.css">
    <h1>問題</h1>
    <h3 id="songName">songName</h3><br><br>
    <div class="center">
      <audio src="" id="audio" controls></audio><br><br>
      <button id="btn-play"  class="button">再生</button>
    </div><br><br>
    <form>
    <button type="button" class="button" onclick="Seikai()">正解!!</button>
    <button type="button" class="button" onclick="Huseikai()">不正解,,</button>
    </form><br><br>
    <form>
        <button type="button" id="previousSong" class="button">前の曲</button>
        <button type="button" id="nextSong" class="button">次の曲</button><br><br>
        <button type="button" id="speedButtonReset" class="button">早押しボタンリセット</button>
    </form><br>
     
    <p>早押しボタンを押した順番</p>
    <p id="answerColumn"></p>
    <script type="text/javascript" src="js/admin.js" charset="utf-8"></script>
    <script>
      var music1 = new Audio('answer/seikai.mp3');
      var music2 = new Audio('answer/huseikai.mp3');

      function Seikai() {
          music1.play();
          console.log("正解")
      }

      function Huseikai() {
          music2.play();
          console.log("不正解")

      }
    </script>
</body>

</html>