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.