How to Make a Quiz App using HTML CSS Javascript - Vanilla Javascript Project for Beginners Tutorial

How to Make a Quiz App using HTML CSS Javascript - Vanilla Javascript Project for Beginners Tutorial

Brian Design

4 года назад

173,143 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@beautifulmorning5027
@beautifulmorning5027 - 19.02.2022 09:02

How can I add images in the choices instead of text ?

Ответить
@sikswanz
@sikswanz - 28.02.2022 04:25

A great introduction to javascrpit helped me understand the concept so much better.

Ответить
@paolostorres
@paolostorres - 02.03.2022 16:45

I love this quiz. What do I do to remove the score... and just have a result display rather than forwarding to an end.html?

Ответить
@seid5378
@seid5378 - 06.03.2022 20:16

Thank you so much for this tutorial. I needed this for my upcoming project and applying javascript was hurting my head

Ответить
@ActiveDailyClips
@ActiveDailyClips - 07.03.2022 12:56

Amazing video, but could you share the source code?

Ответить
@petervanderlind
@petervanderlind - 20.03.2022 02:22

How can I change the div into a p tag the way he's doing? My visual studio isn't doing it automatically. Thanks.

Ответить
@md.anisurrahman9459
@md.anisurrahman9459 - 24.03.2022 21:40

Amazing video tutorial. Thank you, Brian!

Ответить
@miss_nougat.x473
@miss_nougat.x473 - 24.03.2022 23:25

i got stuck at the start! when it says to type index.htm nothing happens ! what do I do

Ответить
@vikiink
@vikiink - 31.03.2022 13:53

I just started this tutorial! You are such an awesome tutor! Very clear, and informative on why you do the steps and perfect pace. Thank you so much for this tutorial!

Ответить
@shivansh709
@shivansh709 - 18.04.2022 06:30

You are just reading the code 😩

Ответить
@CHARlie-vx1re
@CHARlie-vx1re - 21.05.2022 13:38

hi brian can you share the source code because i m getting a error

Ответить
@davidl8000
@davidl8000 - 23.05.2022 22:12

Thank you

Ответить
@deenval007
@deenval007 - 26.05.2022 10:18

bakit ayaw gumana progressbar? at yung code na question ${questionCounter sa questionCounter++ lumabas sa screen

Ответить
@nikkoletashby
@nikkoletashby - 28.05.2022 05:34

Question: If you wanted to reset the scoreboard at the click of a button, how would you go about doing that?

Ответить
@nutbutterntoejam2566
@nutbutterntoejam2566 - 16.06.2022 08:04

Why is it that my first :root for style.css file is not working already? the background colour is not changing. Im using Brackets text editor. anyone can help?

Ответить
@bonkers1991
@bonkers1991 - 22.06.2022 12:57

Hello! How to do a multiple correct answers for this multiple choice QUIZ??? NEED HELP... PLEASE CRY

Ответить
@smirdoejal
@smirdoejal - 25.06.2022 14:31

game.js:221 Uncaught TypeError: Cannot set properties of null (setting 'innerText')
at getNewQuestion (game.js:221:28)
at startGame (game.js:205:5)
at game.js:275:1

what is happening here ??

Ответить
@williamlocke5059
@williamlocke5059 - 05.07.2022 02:19

What is the advantage to using the arrow function notation versus the traditional method?

Ответить
@rayyanYT
@rayyanYT - 07.09.2022 22:22

the buttons are always becoming big

Ответить
@jedgomez1585
@jedgomez1585 - 10.09.2022 17:35

hello can i ask where the data is saving in leader board?

Ответить
@rishaangupta131
@rishaangupta131 - 15.09.2022 16:59

Great Tutorial!! I learned a lot!!

Ответить
@theklippet
@theklippet - 28.09.2022 10:53

How do you make a similar quiz app with different results just like a Buzzfeed quiz?

Ответить
@AsmaKhan-qf6gd
@AsmaKhan-qf6gd - 27.10.2022 18:45

Amazing Amazing sir you are super duper awesome
thank you so much.

Ответить
@ThatPiscesGirl
@ThatPiscesGirl - 04.11.2022 23:54

I'm on 49 minutes but my questions aren't appearing? Anyone know why? I've checked the code over and over again :(

Ответить
@YukCodingproduction
@YukCodingproduction - 12.11.2022 14:06

have you the source code

Ответить
@BrandonGiordano
@BrandonGiordano - 05.12.2022 17:58

Thanks so much. Had to complete this project for school and you helped me all the way through

Ответить
@themoonmanapproves145
@themoonmanapproves145 - 07.12.2022 03:04

return window.location.assing = ('/end.html') didnt work for me but, return window.location.href = "end.html", did is there a reason why it worked for you and not for me (im using VSC)

Ответить
@tomsquad920
@tomsquad920 - 26.12.2022 16:38

Help. When I followed the tutorial up to 20.25 when he clicked play and a new screen showed up. When i try to click play the screen does not come up and it just says "your file couldnt be accessed". When I go into my folder it I can open game.html however they dont linktogether.

Ответить
@mistriochannel
@mistriochannel - 21.01.2023 02:34

The progressbar doesn't work for me. Anybody could make it work? how did you do it?

Ответить
@aymanwaid2581
@aymanwaid2581 - 11.02.2023 18:46

source code please

Ответить
@philip4525
@philip4525 - 12.02.2023 02:11

Hey guys. Can someone help me how to add image or images for every question ?

Ответить
@robertocetzalalvarez8607
@robertocetzalalvarez8607 - 16.02.2023 18:24

there is no link of the repository on github?

Ответить
@rachaelfavouradebanwo6465
@rachaelfavouradebanwo6465 - 13.03.2023 03:45

Thanks a lot Brian. Really helpful :)

Ответить
@CodeNameNoah
@CodeNameNoah - 03.04.2023 05:39

What extension do you use to see wrappers or start-end elements in different colors?

Ответить
@Sampad-Dutta
@Sampad-Dutta - 07.04.2023 19:19

Can anyone provide GitHub link for this video's Source Code?

Ответить
@TimmyOnTech
@TimmyOnTech - 06.05.2023 10:33

is the repo for this project anywhere?

Ответить
@rekaiadraoui4060
@rekaiadraoui4060 - 22.06.2023 17:20

BTZ JS is space sensitive so if your js code isnt running check if you have any extra spaces

Ответить
@zulhelmeroslan8019
@zulhelmeroslan8019 - 25.06.2023 17:14

Can someone help me how to make CRUD in the quiz project??

Ответить
@balloney2175
@balloney2175 - 29.06.2023 13:18

Not for beginners, though.

Ответить
@xt4157
@xt4157 - 23.07.2023 00:26

Please what is the name of the theme?

Ответить
@seanymac4514
@seanymac4514 - 26.09.2023 21:47

I am having an issue with getting the score to change whenever a question is answered correctly. I must have something screwed up but I am not sure what it is.

Ответить
@VinayKumar-iz2lp
@VinayKumar-iz2lp - 18.10.2023 18:19

Source code plz

Ответить
@torutomaktu
@torutomaktu - 04.11.2023 05:40

설명 졸라 불친절하네..

Ответить
@MattWalczak117
@MattWalczak117 - 30.11.2023 00:42

Great tutorial! Learned some new things along the way such as the tag shortcuts! Thank you!

Ответить
@georgyanarov
@georgyanarov - 19.12.2023 16:34

for me nothing work when it need to apply the javascript anyone help me and tell me why please? i did exactly like him but nothing happen is ok unltil game.html after that nothing apply anymore

Ответить
@timothélaunay
@timothélaunay - 23.01.2024 15:38

Brother stop converting to rgb must move now is in hexadecimal most convenient

Ответить
@sakihikarujung
@sakihikarujung - 24.01.2024 17:23

Do you have sheet and then make timer multiple choice with them instead of type problem and choices in the code.

Ответить
@Kiomi-vl5hp
@Kiomi-vl5hp - 19.04.2024 01:55

You never finished line 4 in highscores.js
The `highScoresList.innerHTML = ` part in the video

Ответить
@ThePurrboxTeam
@ThePurrboxTeam - 22.03.2025 00:46

I recently saw your video about building a quiz with highscores. Very well made and explained. How would you change the font color for a specific highscore? Working on personal project. Thanks

Ответить