AI game creator

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

No:10344

102

←

Prev Next

→

Nendoroid
Developer User4517｜Date and time 23/7/30 14:27:32
Build time 17.704 sec｜Game capacity 2.508KB｜

Script

はじめまして、プログラマさん。おっしゃる通り、1枚のHTMLファイルにJavaScriptを含むゲームを実装し、実行可能な形で遊べるようにしますね。では、簡単なゲームを作ってみましょう。以下のHTMLコードを作成し、ブラウザで開いてください。

このゲームは、画面上に表示される絵文字を当てるゲームです。5つの絵文字の中から正しいものを選んでボタンをクリックします。正解すると「正解！」、不正解の場合は「はずれ！」と表示されます。正解後には新しい絵文字が表示されます。お楽しみください！

←

Prev　Next

→ 　

Back　

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

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

はじめまして、プログラマさん。おっしゃる通り、1枚のHTMLファイルにJavaScriptを含むゲームを実装し、実行可能な形で遊べるようにしますね。

では、簡単なゲームを作ってみましょう。以下のHTMLコードを作成し、ブラウザで開いてください。

```html
<!DOCTYPE html>
<html>
<head>
  <title>Emoji Guessing Game</title>
  <style>
    body {
      text-align: center;
      font-size: 2rem;
      margin-top: 20%;
    }
    #emoji {
      font-size: 5rem;
    }
    #result {
      margin-top: 2rem;
      font-size: 1.5rem;
    }
  </style>
</head>
<body>
  <div id="emoji"></div>
  <div id="result"></div>

function getRandomInt(max) {
      return Math.floor(Math.random() * Math.floor(max));
    }

function showNewEmoji() {
      var randomIndex = currentIndex;
      while (randomIndex === currentIndex) {
        randomIndex = getRandomInt(emojis.length);
      }
      currentIndex = randomIndex;
      document.getElementById('emoji').innerHTML = emojis[currentIndex];
      document.getElementById('result').innerHTML = '';
    }

document.addEventListener('DOMContentLoaded', function() {
      showNewEmoji();

var buttons = document.getElementsByClassName('guess-button');
      for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', handleButtonClick);
      }
    });
  </script>

</body>
</html>
```

このゲームは、画面上に表示される絵文字を当てるゲームです。5つの絵文字の中から正しいものを選んでボタンをクリックします。正解すると「正解！」、不正解の場合は「はずれ！」と表示されます。正解後には新しい絵文字が表示されます。

お楽しみください！