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

Pubblicato il: 02 febbraio 2023
sul canale di: 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!

In questa pagina del sito puoi guardare il video online Quote Generator with Audio - HTML, CSS, & JavaScript Tutorial della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Jeff Claybrook 02 febbraio 2023, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 215 volte e gli è piaciuto 5 spettatori. Buona visione!

4,155