OBK vs Hvidovre Bet Analysis

OBK vs Hvidovre IF - 26/04/2025

.container { max-width: 1200px; margin: 0 auto; padding: 20px; font-family: 'Arial', sans-serif; } h1 { text-align: center; color: #2c3e50; } .dashboard { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 30px; } .kpi-container { background: #fff; border-radius: 10px; padding: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .kpi-card { border-left: 4px solid #3498db; padding: 15px; margin-bottom: 15px; } .kpi-header { font-weight: bold; color: #34495e; margin-bottom: 10px; } .kpi-value { font-size: 1.4em; color: #2ecc71; margin: 5px 0; } .kpi-reason { font-size: 0.9em; color: #7f8c8d; line-height: 1.4; } .risk-low { color: #27ae60; } .risk-medium { color: #f1c40f; } .risk-high { color: #e74c3c; } const matchData = { match: "Odense BK vs Hvidovre IF", date: "2025-04-26", conditions: "Partly cloudy, 14-15°C", venue: "Fionia Park", bets: { winner: [ { outcome: "Odense BK Win", probability: 65, reasoning: "Home advantage, better recent form" }, { outcome: "Draw", probability: 22, reasoning: "Hvidovre's strong defensive record" }, { outcome: "Hvidovre Win", probability: 13, reasoning: "Underdog status but improving attack" } ], goals: [ { type: "Over 1.5", probability: 85 }, { type: "Over 2.5", probability: 60 }, { type: "Over 3.5", probability: 35 } ], corners: [ { line: 7.5, probability: 90 }, { line: 8.5, probability: 75 }, { line: 9.5, probability: 60 }, { line: 10.5, probability: 45 }, { line: 11.5, probability: 30 } ], btts: { yes: 58, no: 42, reasoning: "Both teams scoring in 4 of last 5 matches" } } }; function createKPICard(title, data, type) { const container = document.getElementById(`${type}-card`); let html = `

${title}

`; if (Array.isArray(data)) { data.forEach(item => { html += `

${item.outcome || item.type}: ${item.probability}%

${item.reasoning || ''}

`; }); } else { html += `

Yes: ${data.yes}%

No: ${data.no}%

${data.reasoning}

`; } html += '

'; container.innerHTML = html; } function getRiskClass(probability) { if (probability > 70) return 'risk-low'; if (probability > 40) return 'risk-medium'; return 'risk-high'; } // Initialize dashboard document.addEventListener('DOMContentLoaded', () => { createKPICard('Match Winner', matchData.bets.winner, 'winner'); createKPICard('Total Goals', matchData.bets.goals, 'goals'); createKPICard('Total Corners', matchData.bets.corners, 'corners'); createKPICard('BTTS', matchData.bets.btts, 'btts'); });