🍲をアレンジしよう's game

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

No:20199

←

Prev Next

→

🍲をアレンジしよう
Developer User8975｜Date and time 23/10/8 19:56:52
Build time 13.675 sec｜Game capacity 1.638KB｜

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: 30px;
    }
    
    #dish {
      font-size: 100px;
      margin: 50px;
    }
    
    #buttons {
      margin-top: 20px;
    }
    
    .button {
      font-size: 20px;
      margin: 10px;
      padding: 10px 20px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="dish">🍲</div>
  <div id="buttons">
    <button class="button" onclick="addMeat()">🥩</button>
    <button class="button" onclick="addVegetable()">🥦</button>
    <button class="button" onclick="addRamen()">🍜</button>
    <button class="button" onclick="reset()">リセット</button>
  </div>

function addMeat() {
      dish.innerHTML += '🥩';
    }

function addVegetable() {
      dish.innerHTML += '🥦';
    }

function addRamen() {
      dish.innerHTML += '🍜';
    }

function reset() {
      dish.innerHTML = '🍲';
    }
  </script>
</body>
</html>
```

このプログラムは、🍲のアレンジをするゲームです。ボタンをクリックすると、🥩、🥦、🍜が追加されます。リセットボタンをクリックすると、元の🍲に戻ります。

スマートフォンのブラウザでこのHTMLファイルを開くと、ゲームを遊ぶことができます。ボタンをタップすることでアレンジを行い、🍲を楽しむことができます。