AI game creator

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

No:26542

←

Prev Next

→

لعبه حرب
Developer User13188｜Date and time 23/12/1 16:44:19
Build time 61.945 sec｜Game capacity 2.556KB｜

Script

👮

👺

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>لعبة حرب</title>
</head>
<body>
    <style>
        body {
            background-color: #f5f5f5;
            text-align: center;
        }

#game-area {
            width: 300px;
            height: 500px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            border: 3px solid #444;
            background-color: #ccc;
            padding: 20px;
        }

#player {
            width: 50px;
            height: 50px;
            background-color: #ff9800;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            color: white;
            border-radius: 10px;
        }

#enemy {
            width: 50px;
            height: 50px;
            background-color: #f44336;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            color: white;
            border-radius: 10px;
        }

#shoot-button {
            width: 100px;
            height: 50px;
            background-color: #2196f3;
            border-radius: 10px;
            color: white;
            font-size: 24px;
            cursor: pointer;
        }
    </style>

<div id="game-area">
        <div id="player">👮</div>
        <div id="enemy">👺</div>
        <button id="shoot-button">اطلق النار!</button>
    </div>

player.addEventListener("click", function() {
                alert("أحرزت نقطة!");
            });

enemy.addEventListener("click", function() {
                alert("لقد تم هزيمتك!");
            });

shootButton.addEventListener("click", function() {
                var random = Math.floor(Math.random() * 10);

if (random >= 5) {
                    enemy.style.top = "500px";
                    alert("أحرزت نقطة!");
                } else {
                    player.style.top = "500px";
                    alert("لقد تم هزيمتك!");
                }
            });
        });
    </script>
</body>
</html>