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

No:9369

136

←

Prev Next

→

Mushroom Mountains without Chocolate
Developer User4337｜Date and time 23/7/23 23:41:20
Build time 20.743 sec｜Game capacity 2.131KB｜

Script

了解しました。以下がチョコ抜きキノコの山というゲームの実装例です。

チョコ抜きキノコの山

このHTMLファイルをブラウザで開くと、「チョコ抜きキノコの山」というゲームが遊べます。ボタンをクリックしてキノコを抜き、引いたキノコがチョコレートでなかった場合はゲームオーバーとなります。チョコレートを引けた場合はおめでとうメッセージが表示されます。なお、スマートフォンで遊ぶことを前提に、ボタンやメッセージのサイズを調整しています。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下がチョコ抜きキノコの山というゲームの実装例です。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>チョコ抜きキノコの山</title>
    <style>
      body {
        text-align: center;
        font-size: 2rem;
      }
      button {
        font-size: 1.5rem;
        padding: 0.5rem 1rem;
        margin-top: 1rem;
      }
      #message {
        font-weight: bold;
        margin-top: 1rem;
      }
    </style>
  </head>
  <body>
    <h1>チョコ抜きキノコの山</h1>
    <button onclick="startGame()" id="button">ゲームスタート</button>
    <div id="message"></div>

function startGame() {
        message.innerText = "山からキノコを抜いてください！";
        button.innerText = "キノコを抜く";
        button.onclick = pickMushroom;
      }

function pickMushroom() {
        let index = Math.floor(Math.random() * mushrooms.length);
        pickedMushroom = mushrooms[index];
        mushrooms.splice(index, 1);

if (pickedMushroom === "🍄") {
          message.innerText = "残念！キノコを引いてしまいました！";
          button.innerText = "もう一度";
          button.onclick = startGame;
        } else {
          message.innerText = "おめでとう！キノコを抜くことができました！";
          button.disabled = true;
        }
      }
    </script>
  </body>
</html>
```

このHTMLファイルをブラウザで開くと、「チョコ抜きキノコの山」というゲームが遊べます。ボタンをクリックしてキノコを抜き、引いたキノコがチョコレートでなかった場合はゲームオーバーとなります。チョコレートを引けた場合はおめでとうメッセージが表示されます。

なお、スマートフォンで遊ぶことを前提に、ボタンやメッセージのサイズを調整しています。