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

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

Isne toh gumadiya hai yrr

JavaScript Project Playlist Link: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-swEsvQcIJW0.html

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

same problem arise

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

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

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

@@ashwaniagrawal27 is your js file linked properly?

@@wanderwithprateek yes

I am facing same issue

Can you help me how to add timer

@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();

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

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

@@abhishektrivedi1377 ani example

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