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

No:35282

81

Shop game
Developer User16442｜Date and time 24/1/13 22:09:13
Build time 11.495 sec｜Game capacity 2.386KB｜

Welkom bij het Winkel Spel!

Zorg ervoor dat je de juiste items in de winkel selecteert.

Instructies:

Klik op de pictogrammen om items toe te voegen aan je winkelwagentje.

Winkelaanbod:

Je Winkelwagentje:

Dit is een eenvoudig winkelspel dat kan worden gespeeld op een smartphone. Het spel bevat pictogrammen om verschillende items in een winkel toe te voegen aan het winkelwagentje. Het winkelwagentje wordt bijgehouden in een JavaScript-array genaamd 'cart'. Wanneer de gebruiker op een pictogram klikt, wordt het geselecteerde item aan het winkelwagentje toegevoegd en wordt het ook weergegeven in een lijst aan de rechterkant van het scherm. Wanneer de gebruiker klaar is met winkelen en op de knop "Afrekenen" klikt, wordt er gecontroleerd of er items in het winkelwagentje zijn. Als er items in het winkelwagentje zijn, krijgt de gebruiker een bedankbericht en wordt het winkelwagentje leeggemaakt. Anders wordt er een melding weergegeven dat het winkelwagentje leeg is en dat er items moeten worden toegevoegd voordat er afgerekend kan worden. Let op: Het is vereist om de pictogrammen voor de items (zoals brood, melk en fruit) te hebben en deze in een submap met de naam "pictograms" te plaatsen.

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <title>Shop Game</title>
</head>
<body>
  <h1>Welkom bij het Winkel Spel!</h1>
  <p>Zorg ervoor dat je de juiste items in de winkel selecteert.</p>
  
  <div id="shop">
    <h2>Instructies:</h2>
    <p>Klik op de pictogrammen om items toe te voegen aan je winkelwagentje.</p>
    
    <h3>Winkelaanbod:</h3>
    <div id="items">
      <img src="pictograms/brood.png" onclick="addToCart('Brood')" />
      <img src="pictograms/melk.png" onclick="addToCart('Melk')" />
      <img src="pictograms/fruit.png" onclick="addToCart('Fruit')" />
    </div>
  </div>

<div id="cart">
    <h2>Je Winkelwagentje:</h2>
    <ul id="cart-items"></ul>
    <button onclick="checkout()">Afrekenen</button>
  </div>

<script>
    var cart = [];

function addToCart(item) {
      cart.push(item);
      var cartItemsElem = document.getElementById('cart-items');
      var li = document.createElement('li');
      li.appendChild(document.createTextNode(item));
      cartItemsElem.appendChild(li);
    }

function checkout() {
      if (cart.length > 0) {
        alert('Bedankt voor je aankoop! Veel plezier met je producten!');
        cart = [];
        document.getElementById('cart-items').innerHTML = '';
      } else {
        alert('Je winkelwagentje is leeg. Voeg items toe voordat je gaat afrekenen.');
      }
    }
  </script>
</body>
</html>
```

Dit is een eenvoudig winkelspel dat kan worden gespeeld op een smartphone. Het spel bevat pictogrammen om verschillende items in een winkel toe te voegen aan het winkelwagentje. Het winkelwagentje wordt bijgehouden in een JavaScript-array genaamd 'cart'.

Wanneer de gebruiker op een pictogram klikt, wordt het geselecteerde item aan het winkelwagentje toegevoegd en wordt het ook weergegeven in een lijst aan de rechterkant van het scherm.

Wanneer de gebruiker klaar is met winkelen en op de knop "Afrekenen" klikt, wordt er gecontroleerd of er items in het winkelwagentje zijn. Als er items in het winkelwagentje zijn, krijgt de gebruiker een bedankbericht en wordt het winkelwagentje leeggemaakt. Anders wordt er een melding weergegeven dat het winkelwagentje leeg is en dat er items moeten worden toegevoegd voordat er afgerekend kan worden.

Let op: Het is vereist om de pictogrammen voor de items (zoals brood, melk en fruit) te hebben en deze in een submap met de naam "pictograms" te plaatsen.