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

No:689

408

←

Prev Next

→

Self-Development
Developer User3082｜Date and time 23/6/17 12:56:14
Build time 4.703 sec｜Game capacity 0.314KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

了解です！以下に例として、「大量🍘を食べるゲーム」を実装してみます。

大量🍘ゲーム

上記のコードは、「大量🍘ゲーム」という題名の、ボタンを押すと🍘が大量に表示されるゲームです。初期状態では🍘は表示されませんが、ボタンを押す度に🍘が1つずつ増えていきます。🍘が10個になると「お腹がいっぱいになりました！」というアラートが表示され、リセットボタンを押すことでゲームが初期化されます。このように、簡単な動作を持ったゲームを1枚のHTMLファイルとJavaScriptで実装することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>了解です！以下に例として、「大量🍘を食べるゲーム」を実装してみます。

```html
<!DOCTYPE html>
<html>
<head>
  <title>大量🍘ゲーム</title>
  <style>
    #rice { font-size: 100px; }
  </style>
  <script>
    let count = 0;
    
    function eatRice() {
      count++;
      document.getElementById("rice").innerText = "🍘".repeat(count);
      
      if (count >= 10) {
        alert("お腹がいっぱいになりました！");
        resetGame();
      }
    }
    
    function resetGame() {
      count = 0;
      document.getElementById("rice").innerText = "";
    }
  </script>
</head>
<body>
  <h1>大量🍘ゲーム</h1>
  <button onclick="eatRice()">食べる</button>
  <button onclick="resetGame()">リセット</button>
  <div id="rice"></div>
</body>
</html>
```

上記のコードは、「大量🍘ゲーム」という題名の、ボタンを押すと🍘が大量に表示されるゲームです。初期状態では🍘は表示されませんが、ボタンを押す度に🍘が1つずつ増えていきます。🍘が10個になると「お腹がいっぱいになりました！」というアラートが表示され、リセットボタンを押すことでゲームが初期化されます。

このように、簡単な動作を持ったゲームを1枚のHTMLファイルとJavaScriptで実装することができます。