Curso de JavaScript: DOM - SpeechSynthesis - eventos del objeto SpeechSynthesisUtterance

[@diegomoissetdeespanes]

Document

body {
margin: 0;
padding: 0;
}
#contenedor {
display: flex;
justify-content: center;
font-size: 40px;
font-family: Arial;
height: 100vh;
align-items: center;
}
#chiste {
text-align: center;
}






document.querySelector("#boton1").addEventListener("click", () => {
recuperarChiste()
})
async function recuperarChiste() {
try {
const respuesta = await fetch("www.scratchya.com.ar/cursojs/chistealazar.php")
const chiste = await respuesta.json()
mostrar(chiste)
} catch (error) {
console.log("error de peticion")
}
}
function mostrar(chiste) {
document.querySelector("#chiste").textContent = chiste.descripcion
const mensaje = new SpeechSynthesisUtterance()
mensaje.text = chiste.descripcion
mensaje.lang = "es"
speechSynthesis.speak(mensaje)
mensaje.addEventListener("end", () => {
setTimeout( () => {recuperarChiste()}, 3000)
})
}

[@ingjuanpablofrancolozada6303]

Grande Insegnante per classe perfetto.