Файтинг про гопников's game

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

No:16045

←

Prev Next

→

Файтинг про гопников
Developer User7100｜Date and time 23/9/15 17:20:36
Build time 36.045 sec｜Game capacity 3.378KB｜

Script

Игра "Файтинг про гопников"

Гопник 1

Гопник 2

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Игра "Файтинг про гопников"</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f3f3f3;
        }
        .fighting-game {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        }
        .game-title {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .player-selection {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }
        .player-selection .player {
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
        }
        .player-selection .player img {
            width: 80px;
            height: 80px;
            margin-bottom: 10px;
            border-radius: 50%;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        }
        .player-selection .player .player-name {
            font-size: 14px;
        }
        .fight-button {
            background-color: #4caf50;
            color: #fff;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
        }
        .fight-button:hover {
            background-color: #45a049;
        }
        .winner-message {
            font-size: 20px;
            font-weight: bold;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div class="fighting-game">
        <div class="game-title">Игра "Файтинг про гопников"</div>
        <div class="player-selection">
            <div class="player" id="player1" onclick="selectPlayer(1)">
                <img src="gopnik1.png" alt="Гопник 1">
                <div class="player-name">Гопник 1</div>
            </div>
            <div class="player" id="player2" onclick="selectPlayer(2)">
                <img src="gopnik2.png" alt="Гопник 2">
                <div class="player-name">Гопник 2</div>
            </div>
        </div>
        <button class="fight-button" onclick="startFight()">Биться!</button>
        <div id="winner-message" class="winner-message"></div>
    </div>

function selectPlayer(player) {
        selectedPlayer = player;
        document.getElementById("player1").style.backgroundColor = "transparent";
        document.getElementById("player2").style.backgroundColor = "transparent";
        document.getElementById("player"+player).style.backgroundColor = "lightblue";
    }

function startFight() {
        if (selectedPlayer === 0) {
            alert("Выберите гопника перед началом боя!");
            return;
        }
        
        const winner = Math.floor(Math.random() * 2) + 1;
        document.getElementById("winner-message").textContent = "Победил Гопник " + winner + "!";
    }
</script>
</body>
</html>