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

No:38579

A football game with teams in europe
Developer User17403｜Date and time 24/1/25 4:01:19
Build time 10.273 sec｜Game capacity 2.125KB｜

Script

European Football Game

Team 1

Team 2

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>European Football Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        h1 {
            margin-top: 50px;
        }
        #scoreboard {
            display: flex;
            justify-content: space-around;
            margin-bottom: 30px;
        }
        #team1-score, #team2-score {
            font-size: 32px;
        }
        #team1-img, #team2-img {
            width: 100px;
            height: 100px;
            margin-top: 50px;
        }
        #team1-name, #team2-name {
            margin-top: 10px;
            font-size: 20px;
            font-weight: bold;
        }
        #action-buttons {
            margin-top: 30px;
        }
        #action-buttons button {
            padding: 10px 20px;
            font-size: 16px;
            margin: 0 10px;
        }
    </style>
</head>
<body>
    <h1>European Football Game</h1>
    
    <div id="scoreboard">
        <div id="team1-score">0</div>
        <div>
            <img id="team1-img" src="team1.png" alt="Team 1 Logo">
            <div id="team1-name">Team 1</div>
        </div>
        <div id="team2-score">0</div>
        <div>
            <img id="team2-img" src="team2.png" alt="Team 2 Logo">
            <div id="team2-name">Team 2</div>
        </div>
    </div>
    
    <div id="action-buttons">
        <button onclick="shoot('team1')">Shoot (Team 1)</button>
        <button onclick="shoot('team2')">Shoot (Team 2)</button>
    </div>
    
    <script>
        var team1Score = 0;
        var team2Score = 0;
        
        function shoot(team) {
            var randomNum = Math.random();
            
            if (randomNum < 0.5) {
                if (team === 'team1') {
                    team1Score++;
                    document.getElementById('team1-score').innerText = team1Score;
                } else {
                    team2Score++;
                    document.getElementById('team2-score').innerText = team2Score;
                }
            }
        }
    </script>
</body>
</html>