Calculator Tools Calculator Tools
Create

Prédicteur de Scores de Football

Jul 14, 2026

About this app

Prédisez les scores des matchs de football en fonction des performances passées des équipes. Utilisez notre application colorée et interactive!

Prédicteur de Scores de Football Prédicteur de Scores de Football ⚽ Choisissez deux équipes et cliquez sur prédire pour voir le score probable! Team A Team B Team C Team D Team A Team B Team C Team D Prédire le Score

Related apps

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>Prédicteur de Scores de Football</title>
<meta name="description" content="Prédisez les scores des matchs de football en fonction des performances passées des équipes. Utilisez notre application colorée et interactive!">
<meta name="keywords" content="football, prédictions, scores, performances, matchs">

<!-- Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" crossorigin="anonymous">

<script type="text/javascript">
try {
document.addEventListener("DOMContentLoaded", function() {
const teams = {
"Team A": { gamesPlayed: 10, goalsScored: 25, goalsAgainst: 15 },
"Team B": { gamesPlayed: 10, goalsScored: 20, goalsAgainst: 10 },
"Team C": { gamesPlayed: 10, goalsScored: 15, goalsAgainst: 20 },
"Team D": { gamesPlayed: 10, goalsScored: 30, goalsAgainst: 5 },
};

const calculateScore = (team1, team2) => {
const team1Data = teams[team1];
const team2Data = teams[team2];
const team1AvgGoals = team1Data.goalsScored / team1Data.gamesPlayed;
const team2AvgGoals = team2Data.goalsScored / team2Data.gamesPlayed;

return {
score1: Math.floor(Math.random() * (team1AvgGoals + 1)),
score2: Math.floor(Math.random() * (team2AvgGoals + 1)),
};
};

$("#score-button").click(function() {
const team1 = $("#team1").val();
const team2 = $("#team2").val();
const predictedScores = calculateScore(team1, team2);
$("#result").html(`<h4>Résultat prédit: ${team1} ${predictedScores.score1} - ${predictedScores.score2} ${team2}</h4>`);
});
});
} catch (error) {
throw error;
}
</script>

<style>
body {
background: linear-gradient(to right, #74ebd5, #acb6e5);
color: #333;
font-family: 'Arial', sans-serif;
}
#main-container {
margin-top: 50px;
text-align: center;
}
.btn-primary {
background: #ff6600;
}
.btn-primary:hover {
background: #ff3300;
}
input {
margin-bottom: 20px;
padding: 10px;
width: 200px;
}
h4 {
font-weight: bold;
margin-top: 20px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1 class="text-center">Prédicteur de Scores de Football ⚽</h1>
<p class="text-center">Choisissez deux équipes et cliquez sur prédire pour voir le score probable!</p>
<select id="team1" class="form-select">
<option value="Team A">Team A</option>
<option value="Team B">Team B</option>
<option value="Team C">Team C</option>
<option value="Team D">Team D</option>
</select>
<select id="team2" class="form-select">
<option value="Team A">Team A</option>
<option value="Team B">Team B</option>
<option value="Team C">Team C</option>
<option value="Team D">Team D</option>
</select>
<button id="score-button" class="btn btn-primary">Prédire le Score</button>
<div id="result"></div>
</div>
</body>
</html>