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

No:3197

170

←

Prev Next

→

Character Change GameChange the characters display..ALL
Developer User3589｜Date and time 23/6/24 5:38:02
Build time 17.64 sec｜Game capacity 1.773KB｜

Script

では、文字変更ゲームのプログラムを書いてみましょう！

文字変更ゲーム

こんにちは！

このプログラムでは、ランダムな文字列を選択して表示する「changeText」関数を作成しています。また、選択された文字の履歴を表示するために、「history」 IDを持つリストを用意しています。ボタンをクリックするたびに新しい文字が表示され、履歴に追加されます。このゲームをスマホで遊ぶ場合は、ボタンをタップするだけで簡単にプレイできます。また、絵文字を使用することもでき、文字列のリストに絵文字を含めればよいです。楽しく遊んでみてください！

←

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 id="text">こんにちは！</p>
  <button onclick="changeText()">文字を変える</button>
  <br>
  <ul id="history"></ul>

// 表示される文字を変更する関数
    function changeText() {
      // ランダムな文字列を選択
      var index = Math.floor(Math.random() * texts.length);
      var text = texts[index];
      document.getElementById("text").textContent = text;

// 履歴に追加
      var history = document.getElementById("history");
      var li = document.createElement("li");
      li.textContent = text;
      history.appendChild(li);
    }
  </script>
</body>

</html>

このプログラムでは、ランダムな文字列を選択して表示する 「changeText」関数を作成しています。また、選択された文字の履歴を表示するために、「history」 IDを持つリストを用意しています。ボタンをクリックするたびに新しい文字が表示され、履歴に追加されます。

このゲームをスマホで遊ぶ場合は、ボタンをタップするだけで簡単にプレイできます。また、絵文字を使用することもでき、文字列のリストに絵文字を含めればよいです。楽しく遊んでみてください！