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

No:20468

Football Simulation, World cup
Developer User9057｜Date and time 23/10/9 22:53:20
Build time 22.471 sec｜Game capacity 3.066KB｜

Script

Football Simulation World Cup

Choose your team and simulate the World Cup!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Football Simulation World Cup</title>
	<style>
		body {
			text-align: center;
		}

.container {
			margin-top: 100px;
		}

h1 {
			font-size: 32px;
			margin-bottom: 20px;
		}

.pictogram {
			font-size: 48px;
			margin: 20px;
		}

button {
			margin-top: 20px;
			font-size: 18px;
			padding: 10px 20px;
		}

p {
			margin-top: 10px;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>Football Simulation World Cup</h1>
		<p>Choose your team and simulate the World Cup!</p>
		<button onclick="startSimulation()">Start Simulation</button>
		<p class="status"></p>
	</div>

function startSimulation() {
			const randomTeamIndex = Math.floor(Math.random() * teams.length);
			const selectedTeam = teams[randomTeamIndex];
			const statusElement = document.querySelector(".status");
			statusElement.innerHTML = `You selected team ${selectedTeam.pictogram} ${selectedTeam.name}.`;

setTimeout(() => {
				const randomGroupWinnerIndex = Math.floor(Math.random() * teams.length);
				const groupWinner = teams[randomGroupWinnerIndex];
				const randomRunnerUpIndex = Math.floor(Math.random() * teams.length);
				const runnerUp = teams[randomRunnerUpIndex];

statusElement.innerHTML += `<br>Your team ${selectedTeam.name} finished the group stage as ${selectedTeam.pictogram} ${groupWinner.name} and ${runnerUp.pictogram} ${runnerUp.name}.`;

setTimeout(() => {
					const randomQuarterFinalsWinnerIndex = Math.floor(Math.random() * teams.length);
					const quarterFinalsWinner = teams[randomQuarterFinalsWinnerIndex];

statusElement.innerHTML += `<br>In the quarter-finals, ${groupWinner.pictogram} ${groupWinner.name} played against ${runnerUp.pictogram} ${runnerUp.name}, and ${quarterFinalsWinner.pictogram} ${quarterFinalsWinner.name} won.`;

setTimeout(() => {
						const randomSemiFinalsWinnerIndex = Math.floor(Math.random() * teams.length);
						const semiFinalsWinner = teams[randomSemiFinalsWinnerIndex];

statusElement.innerHTML += `<br>In the semi-finals, ${quarterFinalsWinner.pictogram} ${quarterFinalsWinner.name} played against ${groupWinner.pictogram} ${groupWinner.name}, and ${semiFinalsWinner.pictogram} ${semiFinalsWinner.name} won.`;

setTimeout(() => {
							const randomFinalsWinnerIndex = Math.floor(Math.random() * teams.length);
							const finalsWinner = teams[randomFinalsWinnerIndex];

statusElement.innerHTML += `<br>In the finals, ${semiFinalsWinner.pictogram} ${semiFinalsWinner.name} played against ${runnerUp.pictogram} ${runnerUp.name}, and ${finalsWinner.pictogram} ${finalsWinner.name} won the World Cup!`;
						}, 2000);
					}, 2000);
				}, 2000);
			}, 2000);
		}
	</script>
</body>
</html>