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

No:4839

1838

←

Prev Next

→

Semi-automatic vending machine! Lets replenish you..ALL
Developer User3589｜Date and time 23/6/28 22:34:12
Build time 20.517 sec｜Game capacity 1.679KB｜

Script

了解しました。以下に半自動販売機のゲームを実装します。

半自動販売機

商品の補充をしましょう！

補充する商品を選択してください:

商品の在庫状況:

コーラ: 0 個

お茶: 0 個

サイダー: 0 個

このゲームでは、コーラ、お茶、サイダーの3種類の商品の補充を行うことができます。各商品の在庫数は画面上に表示されます。補充する商品を選択してボタンをクリックすると、該当する商品の在庫数が増えます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解しました。以下に半自動販売機のゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
<title>半自動販売機</title>
<style>
body {
  text-align: center;
  font-family: Arial, sans-serif;
}

button {
  padding: 10px 20px;
  font-size: 16px;
}
</style>
</head>
<body>
<h1>半自動販売機</h1>

<p>商品の補充をしましょう！</p>

<p>補充する商品を選択してください:</p>
<button onclick="replenish('コーラ')">コーラ</button>
<button onclick="replenish('お茶')">お茶</button>
<button onclick="replenish('サイダー')">サイダー</button>

function replenish(product) {
  switch (product) {
    case 'コーラ':
      colaCount++;
      break;
    case 'お茶':
      teaCount++;
      break;
    case 'サイダー':
      ciderCount++;
      break;
  }
  
  updateDisplay();
}

function updateDisplay() {
  document.getElementById('cola-count').textContent = colaCount;
  document.getElementById('tea-count').textContent = teaCount;
  document.getElementById('cider-count').textContent = ciderCount;
}

updateDisplay();
</script>

<p>商品の在庫状況:</p>
<p>コーラ: <span id="cola-count">0</span> 個</p>
<p>お茶: <span id="tea-count">0</span> 個</p>
<p>サイダー: <span id="cider-count">0</span> 個</p>

</body>
</html>
```