Quote Generator with Audio - HTML, CSS, & JavaScript Tutorial
TLDR;
This is intended to be equal parts funny and informative
Semantic HTML
Basic CSS
Vanilla JavaScript
Fetch JSON with async/await
Generate a random Trump quote
Play the soundbite of the Trump quote
Copy the Trump quote
Toast alert when quote copied
Demo link:
https://jeffclaybrook.github.io/Donal...
Source code:
https://github.com/jeffclaybrook/Dona...
JSON file:
https://raw.githubusercontent.com/jef...
In this tutorial, you'll create a Donald Trump random quote generator using HTML, CSS, and vanilla JavaScript.
Overview
Fetch a random quote
Play the quote soundbite
Copy the quote text
Display a toast alert when quote copied
NOTE: My computer's audio output is messed up, which is why you won't hear the audio sound bites when I click the play button.
Timestamps:
00:00 - HTML
01:45- CSS
07:55 - JavaScript
Feedback is always welcome! Happy coding!
En esta página del sitio puede ver el video en línea Quote Generator with Audio - HTML, CSS, & JavaScript Tutorial de Duración hora minuto segunda en buena calidad , que subió el usuario Jeff Claybrook 02 febrero 2023, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 215 veces y le gustó 5 a los espectadores. Disfruta viendo!
