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

Publicado em: 02 Fevereiro 2023
no canal de: 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!

Nesta página do site você pode assistir ao vídeo on-line Quote Generator with Audio - HTML, CSS, & JavaScript Tutorial duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Jeff Claybrook 02 Fevereiro 2023, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 215 vezes e gostou 5 espectadores. Boa visualização!

197