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

No:8284

3459

←

Prev Next

→

moonwalk
Developer User4160｜Date and time 23/7/14 20:37:22
Build time 14.436 sec｜Game capacity 1.431KB｜

Script

了解しました！以下にムーンウォークというゲームを作成したコードを示します。

Moonwalk Game

画面をタップしてムーンウォークしましょう！

🕺

Score: 0

High Score: 0

このコードでは、画面をタップ（キーボード入力）するとムーンウォークの動きが再現されます。タップ（キーボード入力）するたびにスコアが加算され、現在のスコアとハイスコアが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました！以下にムーンウォークというゲームを作成したコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>Moonwalk Game</title>
  <style>
    body {
      text-align: center;
      font-size: 36px;
    }
  </style>
</head>
<body>
  <h1>Moonwalk Game</h1>
  <p>画面をタップしてムーンウォークしましょう！</p>
<p>🕺</p>
  <p id="score">Score: 0</p>
  <p id="highscore">High Score: 0</p>
  <script>
    // 初期設定
    var moonwalker = document.getElementById('moonwalker');
    var score = document.getElementById('score');
    var highscore = document.getElementById('highscore');
    var currentScore = 0;
    var bestScore = 0;

// タップイベントの追加
    document.addEventListener('keydown', moonwalk);

function moonwalk() {
      currentScore++;
      score.textContent = 'Score: ' + currentScore;

// ハイスコアの更新
      if (currentScore > bestScore) {
        bestScore = currentScore;
        highscore.textContent = 'High Score: ' + bestScore;
      }
    }
  </script>
</body>
</html>
```