Donald vs Colonel Sanders's game

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

No:9279

116

←

Prev Next

→

Donald vs Colonel Sanders
Developer User4246｜Date and time 23/7/23 2:53:31
Build time 12.166 sec｜Game capacity 1.473KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>ドナルド vs カーネルサンダース</title>
    <style>
        #donald {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

#kernal_sanders {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>

<body>
    <script>
        let donald = document.createElement("div");
        donald.id = "donald";
        donald.innerHTML = "👨‍🍳";

let kernalSanders = document.createElement("div");
        kernalSanders.id = "kernal_sanders";
        kernalSanders.innerHTML = "🍗";

let body = document.querySelector("body");
        body.appendChild(donald);
        body.appendChild(kernalSanders);

donald.addEventListener("click", function (event) {
            let randomX = Math.floor(Math.random() * 90);
            let randomY = Math.floor(Math.random() * 90);
            donald.style.left = randomX + "%";
            donald.style.top = randomY + "%";
        });

kernalSanders.addEventListener("click", function (event) {
            let randomX = Math.floor(Math.random() * 90);
            let randomY = Math.floor(Math.random() * 90);
            kernalSanders.style.left = randomX + "%";
            kernalSanders.style.top = randomY + "%";
        });
    </script>
</body>

</html>