Soccer Prediction App

Soccer Match Predictor

body { background-color: #f8f9fa; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .card { border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } #result { font-size: 1.2rem; font-weight: bold; min-height: 50px; padding: 15px; border-radius: 5px; } .win { background-color: #d4edda; color: #155724; } .draw { background-color: #fff3cd; color: #856404; } .loss { background-color: #f8d7da; color: #721c24; } document.getElementById('predictionForm').addEventListener('submit', function(e) { e.preventDefault(); // Get form values const homeTeam = document.getElementById('homeTeam').value; const awayTeam = document.getElementById('awayTeam').value; const homeRank = parseInt(document.getElementById('homeRank').value); const awayRank = parseInt(document.getElementById('awayRank').value); const venue = document.getElementById('venue').value; const homeForm = document.getElementById('homeForm').value.toUpperCase(); const awayForm = document.getElementById('awayForm').value.toUpperCase(); // Validate form inputs if (!homeTeam || !awayTeam || isNaN(homeRank) || isNaN(awayRank) || !homeForm || !awayForm) { alert('Please fill all fields correctly'); return; } // Calculate prediction const prediction = predictMatch(homeTeam, awayTeam, homeRank, awayRank, venue, homeForm, awayForm); // Display result const resultDiv = document.getElementById('result'); resultDiv.textContent = prediction.message; resultDiv.className = 'mt-4 text-center ' + prediction.class; }); function predictMatch(homeTeam, awayTeam, homeRank, awayRank, venue, homeForm, awayForm) { // Calculate form points (W=3, D=1, L=0) const homeFormPoints = calculateFormPoints(homeForm); const awayFormPoints = calculateFormPoints(awayForm); // Calculate rank difference const rankDiff = homeRank - awayRank; // Calculate venue advantage const venueAdvantage = venue === 'home' ? 0.2 : 0; // Calculate prediction score (higher = home team advantage) let predictionScore = 0; predictionScore += (homeFormPoints - awayFormPoints) * 0.1; predictionScore += (rankDiff * -0.05); // Lower rank number = better team predictionScore += venueAdvantage; // Determine outcome if (predictionScore > 0.3) { return { message: `Prediction: ${homeTeam} wins (${Math.round(predictionScore * 100)}% confidence)`, class: 'win' }; } else if (predictionScore < -0.3) { return { message: `Prediction: ${awayTeam} wins (${Math.round(Math.abs(predictionScore) * 100)}% confidence)`, class: 'loss' }; } else { return { message: `Prediction: Draw (${Math.round((0.5 - Math.abs(predictionScore)) * 200)}% confidence)`, class: 'draw' }; } } function calculateFormPoints(form) { let points = 0; for (let i = 0; i < form.length; i++) { switch (form[i]) { case 'W': points += 3; break; case 'D': points += 1; break; case 'L': points += 0; break; } } return points / form.length; // Average points per game }