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

No:8282

2548

←

Prev Next

→

Freshly baked donuts! Careful production and actua..ALL
Developer User3589｜Date and time 23/7/14 20:16:58
Build time 12.414 sec｜Game capacity 1.556KB｜

Script

焼きたてドーナツ！

ドーナツをクリックして製作し、その後でトッピングを選びましょう！

製作したドーナツの数: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>焼きたてドーナツ！</title>
  <style>
    .donut, .topping {
      font-size: 64px;
      cursor: pointer;
      margin-right: 10px;
    }
  </style>
</head>
<body>
  <h1>焼きたてドーナツ！</h1>
  <p>ドーナツをクリックして製作し、その後でトッピングを選びましょう！</p>
  <p>製作したドーナツの数: <span id="count">0</span></p>
  <p id="message"></p>

const toppingButton = document.createElement("span");
    toppingButton.classList.add("topping");
    toppingButton.innerHTML = "🍫";

donutButton.addEventListener("click", function() {
      donutCount++;
      document.getElementById("count").textContent = donutCount;
      document.getElementById("message").textContent = "さあ、トッピングを選ぼう！";
    });

toppingButton.addEventListener("click", function() {
      if (donutCount > toppingCount) {
        toppingCount++;
        document.getElementById("message").textContent = "トッピングが追加されました！";
      } else {
        document.getElementById("message").textContent = "先にドーナツを作ってください！";
      }
    });

document.body.appendChild(donutButton);
    document.body.appendChild(toppingButton);
  </script>
</body>
</html>