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

No:10883

232

←

Prev Next

→

Citric acid and lettuce hat! Sold at electronics s..ALL
Developer User3589｜Date and time 23/8/5 9:45:40
Build time 19.303 sec｜Game capacity 2.135KB｜

Script

了解しました。ゲームの内容は、クエン酸とレタスの帽子を販売する家電量販店のシミュレーションゲームですね。以下にHTMLファイルの実装例を示します。

クエン酸とレタスの帽子！家電量販店で販売！

商品一覧

クエン酸帽子
レタス帽子

カート

このゲームでは、クエン酸帽子とレタス帽子を購入することができます。商品一覧にはそれぞれの商品が表示され、購入ボタンを押すとカートに追加されます。カート内には選択した商品が表示され、購入するボタンを押すとアラートが表示されて購入が完了します。カートの内容はリセットされます。このHTMLファイルをブラウザで表示することで遊ぶことができます。スマートフォンでも操作可能です。絵文字を使用するなど、デザインやゲームのルールは自由に変更してください。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>クエン酸とレタスの帽子</title>
</head>
<body>
  <h1>クエン酸とレタスの帽子！家電量販店で販売！</h1>
  
  <div id="shop">
    <h2>商品一覧</h2>
    <ul id="items">
      <li>
        <span>クエン酸帽子</span>
        <button onclick="buyItem('クエン酸帽子')">購入</button>
      </li>
      <li>
        <span>レタス帽子</span>
        <button onclick="buyItem('レタス帽子')">購入</button>
      </li>
    </ul>
  </div>
  
  <div id="cart">
    <h2>カート</h2>
    <ul id="cart-items">
    </ul>
    <button onclick="checkout()">購入する</button>
  </div>
  
  <script>
    let cart = [];
    
    function buyItem(item) {
      cart.push(item);
      updateCart();
    }
    
    function updateCart() {
      const cartItems = document.getElementById('cart-items');
      cartItems.innerHTML = '';
      for (const item of cart) {
        const li = document.createElement('li');
        li.textContent = item;
        cartItems.appendChild(li);
      }
    }
    
    function checkout() {
      alert("購入が完了しました！ありがとうございます！");
      cart = [];
      updateCart();
    }
  </script>
</body>
</html>
```

このゲームでは、クエン酸帽子とレタス帽子を購入することができます。商品一覧にはそれぞれの商品が表示され、購入ボタンを押すとカートに追加されます。カート内には選択した商品が表示され、購入するボタンを押すとアラートが表示されて購入が完了します。カートの内容はリセットされます。

このHTMLファイルをブラウザで表示することで遊ぶことができます。スマートフォンでも操作可能です。絵文字を使用するなど、デザインやゲームのルールは自由に変更してください。