Prédicteur de Score de Football
About this app
Entrez les performances d'équipes de football pour prédire le score d'un match. Obtenez des résultats basés sur les performances passées.
Prédicteur de Score de Football Prédicteur de Score de Football ⚽ Domicile Extérieur Total Victoires Total Nuls Total Défaites Buts Marqués Buts Encaissés 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 Score de Football</title>
<meta name="description" content="Entrez les performances d'équipes de football pour prédire le score d'un match. Obtenez des résultats basés sur les performances passées.">
<meta name="keywords" content="football, prédiction de score, équipe, match, statistiques, performances, victoire, défaite">
<!-- Libraries -->
<!-- jQuery (3.6.0) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<!-- Bootstrap CSS (5.3.3) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<!-- Bootstrap JS (5.3.3) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<!-- Font Awesome (6.6.0) -->
<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 {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
$("#predict-button").click(function() {
let homeTeamName = $("#home-team-name").val();
let awayTeamName = $("#away-team-name").val();
let homeWins = parseInt($("#home-wins").val());
let homeDraws = parseInt($("#home-draws").val());
let homeLosses = parseInt($("#home-losses").val());
let homeGoalsFor = parseInt($("#home-goals-for").val());
let homeGoalsAgainst = parseInt($("#home-goals-against").val());
let awayWins = parseInt($("#away-wins").val());
let awayDraws = parseInt($("#away-draws").val());
let awayLosses = parseInt($("#away-losses").val());
let awayGoalsFor = parseInt($("#away-goals-for").val());
let awayGoalsAgainst = parseInt($("#away-goals-against").val());
if(isNaN(homeWins) || isNaN(homeDraws) || isNaN(homeLosses) || isNaN(homeGoalsFor) || isNaN(homeGoalsAgainst) ||
isNaN(awayWins) || isNaN(awayDraws) || isNaN(awayLosses) || isNaN(awayGoalsFor) || isNaN(awayGoalsAgainst)) {
alert("Veuillez entrer des données valides.");
return;
}
// Prediction logic
let homeScore = (homeGoalsFor - homeGoalsAgainst) + homeWins * 0.6 + (homeDraws * 0.3);
let awayScore = (awayGoalsFor - awayGoalsAgainst) + awayWins * 0.6 + (awayDraws * 0.3);
homeScore = Math.round(Math.max(homeScore, 0));
awayScore = Math.round(Math.max(awayScore, 0));
$("#result").html(`Prédiction du score : ${homeTeamName} ${homeScore} - ${awayScore} ${awayTeamName}`);
});
});
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
<style>
body {
background: linear-gradient(to right, #6a11cb, #2575fc);
color: #fff;
font-family: 'Arial', sans-serif;
}
#main-container {
margin-top: 50px;
padding: 20px;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.input-group {
margin-bottom: 15px;
}
#predict-button {
margin-top: 20px;
}
#result {
margin-top: 20px;
font-size: 1.5em;
font-weight: bold;
text-align: center;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1 class="text-center">Prédicteur de Score de Football ⚽</h1>
<form id="predict-form">
<div class="input-group mb-3">
<span class="input-group-text">Domicile</span>
<input type="text" id="home-team-name" class="form-control" placeholder="Nom de l'équipe 1">
</div>
<div class="input-group mb-3">
<span class="input-group-text">Extérieur</span>
<input type="text" id="away-team-name" class="form-control" placeholder="Nom de l'équipe 2">
</div>
<div class="input-group mb-3">
<span class="input-group-text">Total Victoires</span>
<input type="number" id="home-wins" class="form-control" placeholder="Victoires Domicile">
<input type="number" id="away-wins" class="form-control" placeholder="Victoires Extérieur">
</div>
<div class="input-group mb-3">
<span class="input-group-text">Total Nuls</span>
<input type="number" id="home-draws" class="form-control" placeholder="Nuls Domicile">
<input type="number" id="away-draws" class="form-control" placeholder="Nuls Extérieur">
</div>
<div class="input-group mb-3">
<span class="input-group-text">Total Défaites</span>
<input type="number" id="home-losses" class="form-control" placeholder="Défaites Domicile">
<input type="number" id="away-losses" class="form-control" placeholder="Défaites Extérieur">
</div>
<div class="input-group mb-3">
<span class="input-group-text">Buts Marqués</span>
<input type="number" id="home-goals-for" class="form-control" placeholder="Buts Domicile">
<input type="number" id="away-goals-for" class="form-control" placeholder="Buts Extérieur">
</div>
<div class="input-group mb-3">
<span class="input-group-text">Buts Encaissés</span>
<input type="number" id="home-goals-against" class="form-control" placeholder="Buts Encaissés Domicile">
<input type="number" id="away-goals-against" class="form-control" placeholder="Buts Encaissés Extérieur">
</div>
<button type="button" id="predict-button" class="btn btn-light">Prédire le Score</button>
</form>
<div id="result"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!