Quote Generator with Audio - HTML, CSS, & JavaScript Tutorial

Publié le: 02 février 2023
sur la chaîne: Jeff Claybrook

215

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!

Sur cette page du site, vous pouvez voir la vidéo en ligne Quote Generator with Audio - HTML, CSS, & JavaScript Tutorial durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Jeff Claybrook 02 février 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 215 fois et il a aimé 5 téléspectateurs. Bon visionnage!

189