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

No:7668

2384

←

Prev Next

→

Ice cream shop 🍨🍦🍧.
Developer User3997｜Date and time 23/7/9 10:34:35
Build time 16.605 sec｜Game capacity 3.313KB｜

Script

了解しました。以下にアイスクリーム屋さんのゲームを実装したHTMLファイルを示します。

アイスクリーム屋さん

メニュー

1. バニラアイス - 100円

2. チョコレートアイス - 120円

3. イチゴアイス - 150円

購入

カート

このHTMLファイルでは、アイスクリーム屋さんのゲームを実装しています。メニューにはバニラアイス、チョコレートアイス、イチゴアイスがあり、それぞれの価格が表示されます。購入欄にはアイスの種類と数量を入力し、購入ボタンを押すとカートにアイスが追加され、カートに追加したアイスのリストが表示されます。また、チェックアウトボタンを押すと、カートの中のアイスの合計金額が表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にアイスクリーム屋さんのゲームを実装したHTMLファイルを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>アイスクリーム屋さん</title>
</head>
<body>
  <h1>アイスクリーム屋さん</h1>
  
  <div>
    <h2>メニュー</h2>
    <p>1. バニラアイス - 100円</p>
    <p>2. チョコレートアイス - 120円</p>
    <p>3. イチゴアイス - 150円</p>
  </div>
  
  <div>
    <h2>購入</h2>
    <input type="number" id="flavor" min="1" max="3" placeholder="アイスの種類">
    <input type="number" id="quantity" min="1" placeholder="数量">
    <button onclick="buyIceCream()">購入</button>
  </div>
  
  <div>
    <h2>カート</h2>
    <ul id="cart"></ul>
    <button onclick="checkout()">チェックアウト</button>
  </div>
  
  <script>
    let cart = [];
    
    function buyIceCream() {
      const flavorInput = document.getElementById("flavor");
      const quantityInput = document.getElementById("quantity");
      
      const flavor = flavorInput.value;
      const quantity = quantityInput.value;
      
      if (flavor && quantity) {
        const iceCream = {
          flavor: flavor,
          quantity: quantity
        };
        
        cart.push(iceCream);
        
        const cartList = document.getElementById("cart");
        const listItem = document.createElement("li");
        listItem.textContent = `${iceCream.quantity}個の${getFlavorName(iceCream.flavor)}アイス`;
        cartList.appendChild(listItem);
        
        flavorInput.value = "";
        quantityInput.value = "";
      }
    }
    
    function checkout() {
      let totalPrice = 0;
      
      for (const iceCream of cart) {
        const flavor = parseInt(iceCream.flavor);
        const quantity = parseInt(iceCream.quantity);
        let price = 0;
        
        switch (flavor) {
          case 1:
            price = 100;
            break;
          case 2:
            price = 120;
            break;
          case 3:
            price = 150;
            break;
          default:
            break;
        }
        
        totalPrice += price * quantity;
      }
      
      alert(`合計金額は${totalPrice}円です。お買い上げありがとうございました！`);
      
      cart = []; // カートをリセット
      document.getElementById("cart").innerHTML = ""; // カートリストをクリア
    }
    
    function getFlavorName(flavor) {
      switch (parseInt(flavor)) {
        case 1:
          return "バニラ";
        case 2:
          return "チョコレート";
        case 3:
          return "イチゴ";
        default:
          return "";
      }
    }
  </script>
</body>
</html>
```