Day 21: Build A Quiz App Using JavaScript DOM APIs 🤩

preview_player
Показать описание

👋 “Hey everyone! Welcome back to Day 21 of the "40 Days of JavaScript.". Today we will do a project with all the knowledge we have gained in the DOM module. Let's get started with systematic logic building, problem-solving, and creating something useful. At the end there will be task and project assignments for you as well.

Let's GO 🚀. Do not miss it out.

I have worked hard to provide you with the highest-quality content. Please SUBSCRIBE to the channel to show your support. Also, could you LIKE/COMMENT/SHARE this video so that it reaches others?

Thanks! 🫶

✅ Start 40 Days of JavaScript

## Join tapaScript Discord

## Download the 40 Days of JavaScript Tracker Template:

## Source Code on GitHub

Timecodes
0:00 - Intro
01:00 - The Project
05:03 - The User Interface
08:57 - The HTML Structure
13:02 - The Style
17:32 - The Quiz Data Structure
21:46 - The Elements
22:51 - Loading Questions
30:31 - Selecting Answer
37:26 - The Next Question
40:49 - Score and Show Result
47:17 - The Timer
56:47 - Task and Assignments
01:00:30 - The Next Module

## 👋 Like my work? Thank You. You can support & sponsor me:

## 🤝 My Links:

## About Me:
Tapas Adhikary is an Educator at tapaScript, a Tech enthusiast, Writer, YouTuber, and maintainer/contributor of open-source projects. He is a full-stack developer with vast experience building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.

#javascript
#dom
#learnjavascript
#ecmascript
#javascriptmodules
#40daysofjavascript
Рекомендации по теме
Комментарии
Автор

I count myself extremely lucky to find this channel(All the way from Africa). You explain everything into detail. Hats of to you Sir!.

joelkwashie
Автор

sir pls teach us async promises and etc, those are the concept, we unable to use in practical development - how to apply those in practical development task and etc. I believe your way of teaching will solve this problem.

regilearn
Автор

your vs code looks so fresh...which theme do you use ..sir ? which extension do you use please provide us as a list...

S.M.Saim_Hossain
Автор

There's a slight issue with the highest score as after the user gets all 3 answers correct the UI won't display the high score anymore because now isNew = score > highScore will always be false. We will still get 3 correct and that's not higher than the highest score in localStorage. The solution has to be const isNew = score >= highScore ....(greater than or equal to).

joelkwashie
Автор

sir, i have a request for you..please make next is full playlist after this particular 40 days of javascript..ensure there will be a both side like front end and backend part...

S.M.Saim_Hossain
Автор

Next Video kis topic par ho ga sir roadmap kya hain baki videos ka like syllabus just out of curiosity question aya to puch rha hun 😅

prashlovessamosa
Автор

স্যার, বাংলা চ্যানেলে কি রিয়াক্টের ভিডিও দিবেন না?

EmranHosaainTLP
Автор

Sir could you reduce the membership fee of your next video?

clarencemabeya
Автор

Sir please upload videos bit faster pace please.

Lucifer-xtun
join shbcf.ru