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

Опубликовано: 02 Февраль 2023
на канале: 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!

На этой странице сайта вы можете посмотреть видео онлайн Quote Generator with Audio - HTML, CSS, & JavaScript Tutorial длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Jeff Claybrook 02 Февраль 2023, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 215 раз и оно понравилось 5 зрителям. Приятного просмотра!

103