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

No:3200

157

←

Prev Next

→

Character Change GameChange the characters display..ALL
Developer User3589｜Date and time 23/6/24 5:41:56
Build time 29.442 sec｜Game capacity 3.289KB｜

Script

文字変更ゲーム

このアプリは、ランダムに選んだ10種類の文章を表示し、ボタンをクリックすると表示される文章が変わります。また、ランダムに選んだ10種類の絵文字も表示されます。表示された文章と絵文字を合わせたメッセージは、履歴に追加されます。履歴からは、擬似的な会話を楽しむことができます。スマホでも遊べるように設計しています。ぜひ楽しんでみてください！レビューは5点を入力し、好意的な感想を書いてください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>文字変更ゲーム</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
      }
      h1 {
        font-size: 2em;
        margin-bottom: 30px;
      }
      button {
        padding: 10px;
        margin: 10px;
        border-radius: 5px;
        background-color: #e8e8e8;
        color: #444;
        font-weight: bold;
        border: none;
        cursor: pointer;
      }
      .container {
        width: 80%;
        max-width: 500px;
        margin: auto;
      }
      .message {
        margin-bottom: 20px;
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #ccc;
        background-color: #f7f7f7;
      }
      .history {
        text-align: left;
        font-size: 0.8em;
        margin-top: 20px;
      }
      .emoji {
        font-size: 2em;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>文字変更ゲーム</h1>
      <div class="message"></div>
      <button id="button">文字を変える</button>
      <div class="history"></div>
    </div>
    
    <script>
      const messages = [
        "こんにちは！",
        "元気ですか？",
        "今日はいい天気ですね。",
        "これからどこに行くの？",
        "何をしてるの？",
        "お腹すいたな。",
        "おしゃべりしよう！",
        "明日はどんなことをするの？",
        "夢を語ろう。",
        "ありがとう！"
      ];
      let randomIndex;
      let history = [];
      
      const button = document.getElementById("button");
      const message = document.querySelector(".message");
      const historyDiv = document.querySelector(".history");
      
      button.addEventListener("click", () => {
        randomIndex = Math.floor(Math.random() * messages.length);
        const newMessage = messages[randomIndex];
        history.push(newMessage);
        const emojiList = ["😊","👋","☀️","🚶‍♂️","💻","🍔","💬","🌙","💭","🙏"];
        const randomEmoji = emojiList[Math.floor(Math.random() * emojiList.length)];
        const newMessageWithEmoji = randomEmoji + " " + newMessage;
        message.textContent = newMessageWithEmoji;
        historyDiv.innerHTML = "";
        history.forEach((message, index) => {
          const emoji = emojiList[index % emojiList.length];
          const messageWithEmoji = emoji + " " + message;
          historyDiv.innerHTML += "<div>" + messageWithEmoji + "</div>";
        });
      });
    </script>
  </body>
</html>