Prédicteur de Victoire d'Équipe
About this app
Une application pour prédire la victoire d'une équipe basée sur les cotes des bookmakers. Entrez les noms des équipes et leurs cotes pour voir les probabilités de victoire.
Prédicteur de Victoire d'Équipe Prédicteur de Victoire d'Équipe Équipe Domicile : Équipe Extérieure : Côte Équipe Domicile : Côte Match Nul : Côte Équipe Extérieure : Prédire la Victoire
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 Victoire d'Équipe</title>
<meta name="description" content="Une application pour prédire la victoire d'une équipe basée sur les cotes des bookmakers. Entrez les noms des équipes et leurs cotes pour voir les probabilités de victoire." />
<meta name="keywords" content="prédire victoire, équipes, bookmakers, cotes, sport" />
<!-- 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() {
document.getElementById("predictBtn").addEventListener("click", function() {
const team1 = document.getElementById("team1").value;
const team2 = document.getElementById("team2").value;
const odds1 = parseFloat(document.getElementById("odds1").value);
const oddsX = parseFloat(document.getElementById("oddsX").value);
const odds2 = parseFloat(document.getElementById("odds2").value);
const totalOdds = odds1 + oddsX + odds2;
const win1 = ((odds1 / totalOdds) * 100).toFixed(2);
const drawX = ((oddsX / totalOdds) * 100).toFixed(2);
const win2 = ((odds2 / totalOdds) * 100).toFixed(2);
document.getElementById("result").innerHTML = `
<h4>Prédiction:</h4>
<p>${team1} (Victoire): <strong>${win1}%</strong></p>
<p>Match Nul: <strong>${drawX}%</strong></p>
<p>${team2} (Victoire): <strong>${win2}%</strong></p>
`;
document.getElementById("result").classList.remove("d-none");
});
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(to right, #ff9966, #ff5e62);
color: #fff;
font-family: Arial, sans-serif;
}
#main-container {
margin-top: 50px;
border-radius: 15px;
background: rgba(255, 255, 255, 0.1);
padding: 25px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
}
input {
margin-bottom: 15px;
}
button {
background-color: #28a745;
color: white;
}
button:hover {
background-color: #218838;
}
#result {
margin-top: 20px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1 class="text-center">Prédicteur de Victoire d'Équipe</h1>
<div class="form-group">
<label for="team1">Équipe Domicile :</label>
<input type="text" class="form-control" id="team1" placeholder="Nom de l'équipe maison" required>
</div>
<div class="form-group">
<label for="team2">Équipe Extérieure :</label>
<input type="text" class="form-control" id="team2" placeholder="Nom de l'équipe visiteuse" required>
</div>
<div class="form-group">
<label for="odds1">Côte Équipe Domicile :</label>
<input type="number" class="form-control" id="odds1" placeholder="Côte de victoire de l'équipe maison" step="0.01" required>
</div>
<div class="form-group">
<label for="oddsX">Côte Match Nul :</label>
<input type="number" class="form-control" id="oddsX" placeholder="Côte de match nul" step="0.01" required>
</div>
<div class="form-group">
<label for="odds2">Côte Équipe Extérieure :</label>
<input type="number" class="form-control" id="odds2" placeholder="Côte de victoire de l'équipe visiteuse" step="0.01" required>
</div>
<button id="predictBtn" class="btn btn-primary">Prédire la Victoire</button>
<div id="result" class="d-none text-center"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!