Ejercicio fetch

 <button id="boton">Pincha para saber algo más los perros</button>
 <h1 id="frase"></h1>
 <script src="js/ejercicio4.js"></script>
// Enlazar el click del botón a mi código onclick, addeventlistener

document.getElementById("boton").addEventListener("click", function () {
    // En el click: llamar a la url https://dog-api.kinduff.com/api/facts
    // ¿Cómo? con la chuleta
    // Una vez tengo la información:

    fetch("https://dog-api.kinduff.com/api/facts")
        .then(response => response.json())
        .then(resultado => {
            // 1) Recuperar la frase
            // 2) Ponerla en el html
            let frase = resultado.facts[0];
            
            document.getElementById("frase").innerHTML = frase;
        })
})

Publicado por

Juan Pablo Fuentes

Formador de programación y bases de datos