A game where a customer comes up asking for a food item and you have to choose the correct one. Choosing the correct one adds to your coin counter's game

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

No:45386

←

Prev Next

→

A game where a customer comes up asking for a food..ALL
Developer User19591｜Date and time 24/2/20 14:20:31
Build time 4.814 sec｜Game capacity 1.103KB｜

Script

Food Ordering Game

Choose the correct food item to earn coins!

Coins: 0

Customer: I want a

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Food Ordering Game</title>
</head>
<body>
<div>
  <h2>Food Ordering Game</h2>
  <p>Choose the correct food item to earn coins!</p>
  <p>Coins: <span id="coinCounter">0</span></p>
  <img src="burger.png" alt="Burger" onclick="checkAnswer('burger')">
  <img src="pizza.png" alt="Pizza" onclick="checkAnswer('pizza')">
  <img src="sushi.png" alt="Sushi" onclick="checkAnswer('sushi')">
  <p>Customer: I want a <span id="customerItem"></span></p>
</div>

function getRandomOrder() {
  currentOrder = customerOrders[Math.floor(Math.random() * customerOrders.length)];
  document.getElementById('customerItem').innerText = currentOrder;
}

function checkAnswer(answer) {
  if (answer === currentOrder) {
    coinCounter++;
    document.getElementById('coinCounter').innerText = coinCounter;
  }
  getRandomOrder();
}

getRandomOrder();
</script>
</body>
</html>