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

No:35373

55

A football tournament game we’re you pick teams fr..ALL
Developer User16436｜Date and time 24/1/14 8:42:52
Build time 13.137 sec｜Game capacity 4.036KB｜

Sure! Here's a simple football tournament game where you can pick teams from the AFC (American Football Conference) and NFC (National Football Conference). The game is implemented as a single HTML file with JavaScript enclosed in script tags. You can play the finished game on a smartphone.

Football Tournament

AFC Teams

Patriots

Chiefs

Ravens

NFC Teams

49ers

Saints

Seahawks

Your Selected Team:

In the above code, there are two sections: AFC and NFC teams. You can select one team from each conference by tapping on the respective team's pictogram. The selected team will be highlighted with a blue border, and its name will be displayed below. Then, you can tap the "Play Tournament" button to start the game. Once you've selected a team, the JavaScript code handles the game logic. It randomly generates a number (0 or 1) to determine the opponent team from the opposite conference. Finally, it displays the result of the match in the "Result" section. To use this code, save it in a file with the `.html` extension, open it in a web browser on your smartphone, and you'll be able to play the football tournament game by selecting teams and clicking the play button.

→ 　

0　

0　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

Sure! Here's a simple football tournament game where you can pick teams from the AFC (American Football Conference) and NFC (National Football Conference). The game is implemented as a single HTML file with JavaScript enclosed in script tags. You can play the finished game on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Football Tournament Game</title>
    <style>
        body {
            text-align: center;
        }
        
        .team {
            display: inline-block;
            margin: 10px;
            cursor: pointer;
        }
        
        .selected {
            border: 2px solid blue;
        }
        
        #selectedTeam {
            font-size: 20px;
            margin-top: 20px;
        }
        
        #playButton {
            margin-top: 20px;
            padding: 10px 20px;
            font-size: 18px;
            background-color: green;
            color: white;
            border: none;
        }
        
        #result {
            font-size: 24px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Football Tournament</h1>

<h2>AFC Teams</h2>
    <div class="team" onclick="selectTeam(event, 'Patriots')"><img src="afc/patriots.png" alt="Patriots"></div>
    <div class="team" onclick="selectTeam(event, 'Chiefs')"><img src="afc/chiefs.png" alt="Chiefs"></div>
    <div class="team" onclick="selectTeam(event, 'Ravens')"><img src="afc/ravens.png" alt="Ravens"></div>
    
    <h2>NFC Teams</h2>
    <div class="team" onclick="selectTeam(event, '49ers')"><img src="nfc/49ers.png" alt="49ers"></div>
    <div class="team" onclick="selectTeam(event, 'Saints')"><img src="nfc/saints.png" alt="Saints"></div>
    <div class="team" onclick="selectTeam(event, 'Seahawks')"><img src="nfc/seahawks.png" alt="Seahawks"></div>

<h2>Your Selected Team:</h2>
    <div id="selectedTeam"></div>

<button id="playButton" onclick="play()">Play Tournament</button>

<div id="result"></div>

<script>
        let selectedTeam = '';

function selectTeam(event, team) {
            selectedTeam = team;
            // Remove selected class from all teams
            const teams = document.querySelectorAll('.team');
            teams.forEach((team) => {
                team.classList.remove('selected');
            });

// Add selected class to the clicked team
            event.target.classList.add('selected');

// Update selected team display
            document.getElementById('selectedTeam').innerText = team;
        }

function play() {
            if (selectedTeam === '') {
                alert('Select a team to play!');
                return;
            }

const randomNumber = Math.floor(Math.random() * 2);  // Randomly generate 0 or 1
            const teams = ['Patriots', 'Chiefs', 'Ravens', '49ers', 'Saints', 'Seahawks'];

const opponentIndex = randomNumber == 0 ? teams.indexOf(selectedTeam) + 3 : teams.indexOf(selectedTeam) - 3;
            const opponentTeam = teams[opponentIndex];

document.getElementById('result').innerText =
                `Congratulations! ${selectedTeam} won against ${opponentTeam}!`;
        }
    </script>
</body>
</html>
```

In the above code, there are two sections: AFC and NFC teams. You can select one team from each conference by tapping on the respective team's pictogram. The selected team will be highlighted with a blue border, and its name will be displayed below. Then, you can tap the "Play Tournament" button to start the game.

Once you've selected a team, the JavaScript code handles the game logic. It randomly generates a number (0 or 1) to determine the opponent team from the opposite conference. Finally, it displays the result of the match in the "Result" section.

To use this code, save it in a file with the `.html` extension, open it in a web browser on your smartphone, and you'll be able to play the football tournament game by selecting teams and clicking the play button.