predicciones

[agussmendieta]

<title>Predicción de Partidos de Fútbol</title>

Predicción de Partidos de Fútbol

    <form id="prediccion-form">
        <label for="torneo">Torneo:</label>
        <select id="torneo" required>
            <option value="PL">Premier League</option>
            <option value="PD">La Liga</option>
            <option value="SA">Serie A</option>
            <option value="BL1">Bundesliga</option>
            <option value="FL1">Ligue 1</option>
            <option value="CL">Champions League</option>
        </select>
        
        <label for="equipo1">Equipo 1:</label>
        <input type="text" id="equipo1" placeholder="Ingrese equipo 1" required>
        
        <label for="equipo2">Equipo 2:</label>
        <input type="text" id="equipo2" placeholder="Ingrese equipo 2" required>
        
        <label for="fecha">Fecha y Hora:</label>
        <input type="datetime-local" id="fecha" required>
        
        <button type="submit">Predecir</button>
    </form>
    
    <div id="resultado">
        <h2>Resultado más probable:</h2>
        <p id="resultado-texto">Aún no calculado</p>
    </div>
</div>

<script>
    document.getElementById("prediccion-form").addEventListener("submit", async function(event) {
        event.preventDefault();
        const torneo = document.getElementById("torneo").value;
        const equipo1 = document.getElementById("equipo1").value;
        const equipo2 = document.getElementById("equipo2").value;
        
        if (equipo1 && equipo2) {
            document.getElementById("resultado-texto").innerText = `Obteniendo predicción para ${equipo1} vs ${equipo2}...`;
            
            try {
                const response = await fetch(`https://api.football-data.org/v4/teams?name=${equipo1}`, {
                    headers: { "X-Auth-Token": "ed18aa7b21574659b377f7b07a30ac5d" }
                });
                const team1Data = await response.json();
                
                const response2 = await fetch(`https://api.football-data.org/v4/teams?name=${equipo2}`, {
                    headers: { "X-Auth-Token": "ed18aa7b21574659b377f7b07a30ac5d" }
                });
                const team2Data = await response2.json();
                
                if (team1Data.teams.length > 0 && team2Data.teams.length > 0) {
                    document.getElementById("resultado-texto").innerText = `Predicción generada: ${Math.floor(Math.random() * 3)} - ${Math.floor(Math.random() * 3)}`;
                } else {
                    document.getElementById("resultado-texto").innerText = "No se encontraron datos para los equipos ingresados.";
                }
            } catch (error) {
                document.getElementById("resultado-texto").innerText = "Error al obtener la predicción.";
                console.error(error);
            }
        }
    });
</script>