Click here for free DL of the app version that can save data.

No:1676

671

←

Prev Next

→

Rap Games
Developer User3494｜Date and time 23/6/18 21:35:17
Build time 15.409 sec｜Game capacity 1.402KB｜

Script

ラップのゲーム

ルール：スタートボタンを押してから、音楽が流れたらラップを始めます。曲が終わったらストップボタンを押して結果を表示しましょう。

スコア

※音楽を再生するためのコードは省略してあります。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>ラップのゲーム</title>
  </head>
  <body>
    <h1>ラップのゲーム</h1>
    <p>ルール：スタートボタンを押してから、音楽が流れたらラップを始めます。曲が終わったらストップボタンを押して結果を表示しましょう。</p>
    <h2>スコア</h2>
    <p id="score">0</p>
    <button id="start">スタート</button>
    <button id="stop">ストップ</button>

document.getElementById("start").onclick = function() {
        this.style.display = "none";
        document.getElementById("stop").style.display = "block";
        document.getElementById("score").textContent = "0";
        setTimeout(function() {
          alert("始め！");
          startTime = Date.now();
        }, Math.floor(Math.random() * 5000));
      }

document.getElementById("stop").onclick = function() {
        endTime = Date.now();
        let elapsed = (endTime - startTime) / 1000;
        document.getElementById("score").textContent = elapsed.toFixed(3);
        this.style.display = "none";
        document.getElementById("start").style.display = "block";
        score = elapsed.toFixed(3);
      }
    </script>
  </body>
</html>

※音楽を再生するためのコードは省略してあります。