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

No:20438

←

Prev Next

→

ファイブツアーズ
Developer User3589｜Date and time 23/10/9 20:09:14
Build time 12.96 sec｜Game capacity 1.808KB｜

Script

了解しました。以下に、5つのツイートを表示するゲームを作成したコードを示します。

ファイブツアーズ

このコードでは、JavaScriptを使って5つのツイートを表示するゲームを実装しています。ロードされた時点では最初のツイートが表示され、次へボタンと前へボタンを押すと、次のツイートまたは前のツイートが表示されるようにしています。各ツイートには絵文字も含まれています。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解しました。以下に、5つのツイートを表示するゲームを作成したコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ファイブツアーズ</title>
  <script>
    window.addEventListener('load', function() {
      var tweets = ["🐶今日はいい天気ですね！", "🌸お花見に行きたい", "🍕美味しいピザを食べました", "💤おやすみなさい", "🎉誕生日おめでとう！"];
      var tweetIndex = 0;
      
      var tweetDisplay = document.getElementById('tweetDisplay');
      tweetDisplay.textContent = tweets[tweetIndex];
      
      var nextButton = document.getElementById('nextButton');
      nextButton.addEventListener('click', function() {
        tweetIndex++;
        if(tweetIndex >= tweets.length) {
          tweetIndex = 0;
        }
        tweetDisplay.textContent = tweets[tweetIndex];
      });
      
      var prevButton = document.getElementById('prevButton');
      prevButton.addEventListener('click', function() {
        tweetIndex--;
        if(tweetIndex < 0) {
          tweetIndex = tweets.length-1;
        }
        tweetDisplay.textContent = tweets[tweetIndex];
      });
    });
  </script>
</head>
<body>
  <h1>ファイブツアーズ</h1>
  <div id="tweetDisplay"></div>
  <button id="prevButton">前へ</button>
  <button id="nextButton">次へ</button>
</body>
</html>
```