There were about a million washcloths, taps's game

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

No:5295

2029

←

Prev Next

→

There were about a million washcloths, taps
Developer アッキー(ニセ)｜Date and time 23/6/29 22:27:32
Build time 21.989 sec｜Game capacity 2.348KB｜

Script

了解しました。以下に、100万個の洗濯バサミをタップして消していくゲームのプログラムを示します。

このプログラムでは、100万個の洗濯バサミ（絵文字の🧷）を画面上にランダムに表示します。それぞれのバサミをタップすると、そのバサミが消え、消えた数がカウントされます。もし消えたバサミの総数が100万個に到達すると、「地球が爆発しました！ゲームオーバー」というメッセージが表示され、ページがリロードされます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、100万個の洗濯バサミをタップして消していくゲームのプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game-area {
            position: absolute;
            width: 100vw;
            height: 100vh;
            overflow: hidden;
        }
        
        .clothespin {
            position: absolute;
            font-size: 30px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-area"></div>

function createClothespin() {
            const clothespin = document.createElement("span");
            clothespin.innerText = "🧷";
            clothespin.classList.add("clothespin");
            
            const width = Math.floor(Math.random() * 100);
            const height = Math.floor(Math.random() * 100);
            const x = Math.floor(Math.random() * (window.innerWidth - width));
            const y = Math.floor(Math.random() * (window.innerHeight - height));
            
            clothespin.style.width = width + "px";
            clothespin.style.height = height + "px";
            clothespin.style.left = x + "px";
            clothespin.style.top = y + "px";
            
            clothespin.addEventListener("click", () => {
                clothespin.remove();
                explosionCount++;

if (explosionCount >= 1000000) {
                    alert("地球が爆発しました！ゲームオーバー");
                    location.reload();
                }
            });
            
            gameArea.appendChild(clothespin);
            clothespins.push(clothespin);
        }

setInterval(createClothespin, 1);
    </script>
</body>
</html>
```