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

No:7055

589

←

Prev Next

→

This Giorno Giovana has a dream!
Developer User3958｜Date and time 23/7/5 0:33:11
Build time 15.318 sec｜Game capacity 2.034KB｜

Script

了解です！以下、ジョルノ・ジョバァーナの夢を叶えるためのゲームを作成します。

ジョルノの夢

スコア: 0

💭

このゲームでは、「夢に触れる」ボタンをクリックすると、スコアが1増えます。また、夢の絵文字もランダムに変わります。「スコア」と「夢の絵文字」は画面上部に表示されています。このような簡単なゲームであれば、スマホでも遊ぶことができます。掲示板などからこのHTMLコードをコピーして、自分のファイルで実行してみてください。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解です！以下、ジョルノ・ジョバァーナの夢を叶えるためのゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ジョルノの夢</title>
  <style>
    body {
      font-size: 24px;
      text-align: center;
    }
    #score {
      font-size: 48px;
    }
    #dream {
      font-size: 72px;
    }
  </style>
</head>
<body>
  <h1>ジョルノの夢</h1>
  <div>
    スコア: <span id="score">0</span>
  </div>
  <div>
    <span id="dream">💭</span>
  </div>
  <div>
    <button id="dreamButton">夢に触れる</button>
  </div>

// 夢に触れたときの処理
    function touchDream() {
      score++;
      updateScore();
      changeDream();
    }

// スコアの表示を更新する
    function updateScore() {
      document.getElementById("score").innerText = score;
    }

// 夢の絵文字を変更する
    function changeDream() {
      const dream = document.getElementById("dream");
      const emojis = ["💭", "💫", "⭐", "🌙", "☁️"];
      const randomIndex = Math.floor(Math.random() * emojis.length);
      dream.innerText = emojis[randomIndex];
    }

// ボタンに touchDream 関数を割り当てる
    document.getElementById("dreamButton").addEventListener("click", touchDream);

// ゲーム開始時の処理
    function startGame() {
      updateScore();
      changeDream();
    }

// ゲームを開始する
    startGame();
  </script>
</body>
</html>
```

このゲームでは、「夢に触れる」ボタンをクリックすると、スコアが1増えます。また、夢の絵文字もランダムに変わります。「スコア」と「夢の絵文字」は画面上部に表示されています。

このような簡単なゲームであれば、スマホでも遊ぶことができます。掲示板などからこのHTMLコードをコピーして、自分のファイルで実行してみてください。