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!
Auf dieser Seite können Sie das Online-Video Quote Generator with Audio - HTML, CSS, & JavaScript Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Jeff Claybrook 02 Februar 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 215 Mal angesehen und es wurde von 5 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
