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

No:7650

111

←

Prev Next

→

A game to see how much laundry you can dry
Developer o2pi4｜Date and time 23/7/9 7:42:19
Build time 8.951 sec｜Game capacity 1.692KB｜

Script

以下は、洗濯物をどれだけ干せるかを競うゲームの例です。

洗濯物をどれだけ干せるかゲーム

このゲームでは、画面上部に進捗が表示されます。ボタンをクリックすると、指定されたサイズの洗濯物を干すことができます。進捗が100%に達すると、ゲームは終了し、「おめでとうございます！全ての洗濯物を干しました！」と表示されます。ボタンをクリックすることで、JavaScript関数が呼び出され、進捗が更新されます。細かいところは改良の余地がありますが、基本的な部分はこのように実装できます。

←

Prev　Next

→ 　

Back　

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

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

以下は、洗濯物をどれだけ干せるかを競うゲームの例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <style>
    body {
      text-align: center;
    }
    #meter {
      font-size: 32px;
      margin-top: 20px;
    }
    #buttons {
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>洗濯物をどれだけ干せるかゲーム</h1>
  <div id="meter">0%</div>
  <div id="buttons">
    <button onclick="dryClothes(5)">小さな洗濯物を干す</button>
    <button onclick="dryClothes(10)">普通の洗濯物を干す</button>
    <button onclick="dryClothes(20)">大きな洗濯物を干す</button>
  </div>

function dryClothes(size) {
      progress += size;
      
      if (progress >= 100) {
        progress = 100;
        gameOver();
      }
      
      document.getElementById("meter").textContent = progress + "%";
    }

function gameOver() {
      document.getElementById("buttons").innerHTML = "<h2>おめでとうございます！全ての洗濯物を干しました！</h2>";
    }
  </script>
</body>
</html>
```

このゲームでは、画面上部に進捗が表示されます。ボタンをクリックすると、指定されたサイズの洗濯物を干すことができます。進捗が100%に達すると、ゲームは終了し、「おめでとうございます！全ての洗濯物を干しました！」と表示されます。

ボタンをクリックすることで、JavaScript関数が呼び出され、進捗が更新されます。細かいところは改良の余地がありますが、基本的な部分はこのように実装できます。