Prédicteur de Scores de Football
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>
NEW APPS
These are apps made by the community!