Quiz App JavaScript: Build A Quiz App With JavaScript in Hindi - JavaScript Project

[@ShivamKumar-ie1je]

finally i make the quiz app with js from this video, thank u sir.....

[@bestdramas0]

Finally i made quiz app i know i didn't make it myself but i am happy thx sir , i learn web developement past 2 months i am trying to study js 0 to 100 i hope i can do

[@Rishav786]

Thank you so much for providing us such type of content. Otherwise people are charging fee in there Courses. Your way of Explanation is very simple.. Thank you so much sir

[@sajjadrasool6630]

outstanding way of teaching sir... Amazing video.I follow your videos and i get best knowledge without any confusions in all videos sir. love from pakistan

[@bmyadav4633]

Best Series please be continue

[@abdullahalam6596]

this video is very helpful. I have learn new thinks and logic-building in this video💙

[@nitin1050]

thanks for this project, best part in your project is explanation step by step....,

[@azmyasir4967]

Maza ae gaya....good good good series......

[@pradipk.2116]

Excellent Sir😄😄

[@akshayt1303]

Hello Sir your explanation was wonderful

[@Anyproblemsearchhere]

❤❤❤❤ ap bahut acha video bnata hu

[@mjavaid143]

Great series please make calculator and explain multiple method for each functionally please

[@akashaggarwal6325]

Isne toh gumadiya hai yrr

[@pirateworld665]

Create a playlist for javascript projects please such a wonderfull explaination

[@wscubetech]

JavaScript Project Playlist Link: kzbin.info/www/bejne/qaiopKmHmK59jZI

[@Raj_Vishwa1]

need JavaScript Projects Playlist sir.. pls 🙏

[@Songs-Bolly4U]

Excellent 👌🏻👌🏻👍🏻

[@harry_arena]

Ima download it thanks for sharing!!

[@AdnanFarooq-c2x]

very good lecture Thanks😇

[@SANCHITJAIN_]

Great explanation step by step. Thank you Loved it

[@techazuzu]

Thank you so much Sir for such amazing tutorial!!:)

[@chillingscenes5838]

You are doing community service by sharing informative content.

[@RajatkumarJena-u3c]

please sir make many this type of vedio and increase deaficulty level

[@laxmankumawat6728]

Such nice project for beginners

[@vikassitole8591]

very nice explain sir .

[@vhiroley]

शानदार.....

[@noorgul9102]

Hi sir kisy tik ho sir frontend developers kyly javascript ka kya kya sekna lazman ha jo aik website ma zyada istimal ho jis kaa please sir ye bata dy

[@kankanalasravanthi5600]

Thank you, Sir for a great content

[@indian-gf7mz]

Best quiz website tutorial ❤ amazing video easily understand

[@faizamairaj7867]

Google font per icon kis tarha se lau samaj nhi araha, sir ne jis tarha se bataya hai google per wo a he nhi raha icon plz beaten

[@Mecodesolver]

Please bring him again with new JS projects.

[@TechMainul]

Thank you

[@rahulkhanna5306]

Thank you so much for this

[@luckyjangir8303]

you may also merge privious project and this project

[@kumar7163]

Thanks Sir.

[@anjubhavani8]

TQ u so much sir

[@himanshugts3565]

Thank you Sir

[@PK_codelab]

Sir yadi ham Google fonts ka use na kare to kya hamara quiz app create nhi hoga

[@wasiqkhan1929]

Sir Github mein JS Code Alag HAi Aur Yaha Alag Aesa Kyu ?

[@naumaankhan1607]

awesome sir

[@Imshubh0101]

Is there another way to create this in Java script mens agar mujhe dubara questions and answer java script me nahi likhna to kaise hoga

[@faizamairaj7867]

Sir apne jis tarha se icon used kia hai, mujha google per nhi mil raha

[@wanderwithprateek]

hey i want to disable submit button if no input is checked how can i do it?

[@avigarg7859]

Sir at 22:50. My app is showing whichever option i select is correct and all other 3 false. Seems like it hasnt used correct ans waala option to check ans.

[@mritunjaykumar9144]

12:45 JavaScripts

[@wrldinfu]

Sir please ik project multi step form progress bar with JavaScript validation pr b bna dyn

[@ashwaniagrawal27]

sir this line is not working -- ${right} / ${total} now what should we do??

[@dhramshiladevidevi2178]

same problem arise

[@vivek5019]

If the user don't click any option than submit button is work or not ? If submit button still work than how to stop it.

[@wanderwithprateek]

i had the same query... u get it resolved? help me too!!

[@RAKESHSINGH-mt6uk]

OSM

[@AdityaKumar-re5ff]

how is the submit button working without adding event listener? please explain

[@mianpro266]

brother there is a property known as "onclick" that we have used in html so by that we can call the function on clicking the submit button

[@ranisah8211]

Sir G mera media query break point kam q nhi kr rha hai

[@MuhammadArslan-gx8xw]

Bhai ap ne khud seekhna ha ya humen sikhana hai. Sir slow speed me likha or bola kren. Sab videos me itni speed

[@navinchainani4721]

How to add timer in quiz

[@Okvidxd]

Nice

[@dhrubdas2975]

what extensions u use sir?

[@_DhananjayKumar]

My question is not showing on the app. That mean my javascript not working can you tell me why? I am writing the same code as in video

[@ashwaniagrawal27]

same problem bro if you have find the way to solve please tell.

[@wanderwithprateek]

@@ashwaniagrawal27 is your js file linked properly?

[@ashwaniagrawal27]

@@wanderwithprateek yes

[@mansisingh2899]

Uncaught TypeError: Cannot set properties of null (setting 'innerText') at loadQuestion (scrip.js:38:50) at scrip.js:44:1. -error a rha h

[@lalitsingh6941]

I am facing same issue

[@webunveilers]

the reset function is not working. it is giving error: Cannot access 'reset' before initialization

[@CodingMan-f1v]

Min 15 project krwa dena beach mai Band mat krna

[@navinchainani4721]

Can you help me how to add timer

[@dhramshiladevidevi2178]

Uncaught TypeError : cannot set properties of null (setting 'innerText' at loadQuestion (index.js:36:46)at index .js.56:1) ye error aa rha h mera and option show nhi kr rhe kya krna hoga anybody help me

[@abhishektrivedi1377]

Just check whether you are targeting the element properly. Like class or id ! Same error resolved through this method ;)

[@faizamairaj7867]

Google font bi kar k dakha mene, plz beaten

[@mdsuhelahmed3943]

Where we type this code?

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@zybqureshi5654]

Bhai us sy better ye hy k jab bhe answer wrong ho usi time wrong show kara do, or jab correct ho to correct

[@AltafKhan-ug1tc]

Sir I want to CCNA

[@divyasrimajji2387]

I didn't get question nos what I do

[@samychaturvedi8035]

APANA NA JS KI FILE MAI HI INDEX KI FILE BANAI HAI

[@yogeshsharma5700]

bhut higher level ka pada rhe ho easy tag use kro bhai

[@aaryan2009]

Please Description me source code do

[@ajrudeenkhan9633]

Thank you sir

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@Imshubh0101]

Is there another way to create this in Java script mens agar mujhe dubara questions and answer java script me nahi likhna to kaise hoga

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@PrabhjotSingh-lr1pz]

@surajsukdeve4634 @wscubetech Html Add Replaced your JS file with this code const quizData = [{ question: "Which of the following is a client site language?", a: "Java", b: "C", c: "Python", d: "JavaScript", correct: "d", }, { question: "What does HTML stand for?", a: "Hypertext Markup Language", b: "Cascading Style Sheet", c: "Jason Object Notation", d: "Helicopters Terminals Motorboats Lamborginis", correct: "a", }, { question: "What year was JavaScript launched?", a: "1996", b: "1995", c: "1994", d: "none of the above", correct: "b", }, { question: "What does CSS stands for?", a: "Hypertext Markup Language", b: "Cascading Style Sheet", c: "Jason Object Notation", d: "Helicopters Terminals Motorboats Lamborginis", correct: "b", } ] const arr = []; let index = 0; let total = quizData.length; let right = 0, wrong = 0; const questionBox = document.getElementById('questionBox'); const optionInputs = document.querySelectorAll('.options'); const loadQuestion = () =>{ if(index == total){ return endQuiz(); } reset(); const data = quizData[index]; questionBox.innerText = `${index+1}) ${data.question}`; optionInputs[0].nextElementSibling.innerText = data.a; optionInputs[1].nextElementSibling.innerText = data.b; optionInputs[2].nextElementSibling.innerText = data.c; optionInputs[3].nextElementSibling.innerText = data.d; } const submitQuiz = () =>{ const data = quizData[index]; console.log(data) const ans = getAnswer(); if(ans === data.correct){ right++; }else{ wrong++; } index++; loadQuestion(); return; } const getAnswer = () =>{ let answer; optionInputs.forEach( (input) => { if(input.checked){ answer = input.value; } } ) arr.push(answer) console.log( arr) return answer; } const reset = () =>{ optionInputs.forEach( (input) =>{ input.checked = false; } ) } const endQuiz = ()=>{ document.getElementById('box').innerHTML = ` Thanks for playing the quiz ${right} / ${total} are correct`; result(); } const result = () =>{ const showInHtml = quizData.map((item , index) => { return ` ${index + 1}) ${item.question} Ans: ${item.correct}`; }); document.getElementById('result').innerHTML = showInHtml.join('') ; let html1 = `User Answers`; arr.map((item , index) => { html1 += `${index+1}) ${item}`; }); html1 += ``; document.getElementById('userResult').innerHTML = html1; } loadQuestion();

[@surajsukdeve4634]

If the user wants to see all the questions after completing the quiz, how will they see it and how the question was answered.

[@abhishektrivedi1377]

You have to make another function for that and then display it inside the container

[@surajsukdeve4634]

@@abhishektrivedi1377 ani example