How To Make Quiz App Using JavaScript | Build Quiz App With HTML CSS & JavaScript
Комментарии:
Awesome job😮, thanks, 🎉❤🫶🏻
Ответить
I am facing a problem. I have a quiz app with 10 questions but only four is showing (No.1,2,4,7)plz help me to fix the issue
Ответить
Thanks 🙏
Ответить
Thank you..
Ответить
best of the best video. keep making such nice videos. I am gonna pay another 5 dollars for another project.
Ответить
amazing
Ответить
Great!
Ответить
How to add image to to the quiz?
Ответить
whats about the resetState() function?? i'ts not working properly..
Ответить
this video struck an idea for me I am going to use a quiz and trivia page based on my own niche and maybe make money out of it --ill go ahead and consider making my own quiz app soon tnks
Ответить
Thanks you Avinash sir
..... Done
Where is Source code ?
Ответить
Somehow I did all you did, but my color is not setting when pressing the button, also somehow my eventlistner has an issue. dont know how to fix ist.
Ответить
Hey, can you adjust something like for math quiz?
Ответить
Outstanding Tutorial keep it up bro ✨
Ответить
over all good but js part was confusing
Ответить
function showScore() is not working as a statement is printed not show score number ${questions.length} printed not number.
Ответить
thank you
Ответить
I copied the whole code perfectly but it doesn't work someone please help me 😥😢😭
Ответитьsomeone give me the source code ? please 🥹🥹
Ответить
21 oct 23
Ответить
Thank you so much. I watched this for reference to create my portfolio .so helpful
ОтветитьThank you so much sir for this useful video 🙏🙏
Ответить
Bro, You are awesomeeeeeeeeeeee.......☺☺☺🤗.Stay focused
Ответить
can anyone explain where did he get the target ? selectAnswer(e){
e. target
Hello, I am attempting to use this java script quiz on a local server, more specifically XXAMP. The application works properly when opening the html file directly to google but when going through the local host on a web browser the application doesn't properly change questions and the play again button doesn't properly work. Does anyone have any insight as to what might be the issue and how to fix it?
Ответить
AWESOME JOB BRO!
Ответить
I don't know how to thank this guy ❤ Next level ! easiest explanation .... if you are a beginner and want to enhance your skillset on JS follow this guy man
Ответить
thank you! This was very helpful and I learnt a lot!
Ответить
very nice tutorial
Ответить
the tutorial is great and awesome
ОтветитьHTML,CSS part is seems easy, but I felt so difficult in javascript part. Kindly give tutorial on whole javascripts concepts you have used in here, 30 days js projects and other projects too. Please so helpful to undestand the concept and get the job
Ответить
javascript does not working :(
Ответить
here is an easier version:
<body>
<div class="container">
<h1>Quiz App</h1>
<div class="question" id="question"></div>
<div class="options" id="options"></div>
<div id="score">Score: 0</div>
</div>
<script>
const questions = [
{
question: "What is the capital of France?",
options: ["Paris", "London", "Berlin", "Madrid"],
answer: "Paris"
},
{
question: "Which planet is known as the Red Planet?",
options: ["Earth", "Mars", "Venus", "Jupiter"],
answer: "Mars"
},
{
question: "What is the largest mammal in the world?",
options: ["Elephant", "Giraffe", "Blue Whale", "Hippopotamus"],
answer: "Blue Whale"
},
{
question: "What is the chemical symbol for gold?",
options: ["Go", "Au", "Ag", "Ge"],
answer: "Au"
}
];
let currentQuestionIndex = 0;
let score = 0;
const questionElement = document.getElementById('question');
const optionsElement = document.getElementById('options');
const scoreElement = document.getElementById('score');
function displayQuestion() {
const currentQuestion = questions[currentQuestionIndex];
questionElement.textContent = currentQuestion.question;
optionsElement.innerHTML = '';
currentQuestion.options.forEach((option, index) => {
const button = document.createElement('button');
button.textContent = option;
button.addEventListener('click', () => checkAnswer(option));
optionsElement.appendChild(button);
});
}
function checkAnswer(selectedOption) {
const currentQuestion = questions[currentQuestionIndex];
if (selectedOption === currentQuestion.answer) {
score++;
}
currentQuestionIndex++;
if (currentQuestionIndex < questions.length) {
displayQuestion();
} else {
showResult();
}
}
function showResult() {
questionElement.textContent = 'Quiz Completed!';
optionsElement.innerHTML = '';
scoreElement.textContent = `Your Score: ${score} / ${questions.length}`;
}
displayQuestion();
</script>
</body>
Javascript page is not working anymore help me and solve my Query
If i tru so many times last 5 hour's i try to fix the code but not get the solution, if any have source code please provide it @Greatstuck please reply
Aap dikhaty kuch hain or jub hum try karty hain to hota kuch or h
Ответить
link of github?
Ответить
Source code please
Ответить
Please give the source code of this project
Ответить
Question, how did you change the default font color of your code in VS code? My JS colors are looking different than the colors displayed here, and I really like the colors you have compared to my own.
Ответить
Sir I have a doubt if I wants to add approx 10x questions then how to make data base in this type of application
Ответить
Hooray I did it
Ответить
Great short course! :D
Ответить
Please the app used for this fast.
Ответить
Your tutorial is awesome. Pls upload source code of project too.
Ответить
The answers doesn't add up
Ответить
My html and script code are not link . I don't know what is the problem?
Ответить
what is the work of button.dataset.correct here
Ответить
in answer Button this shows undefined 🆘❗⚠
Ответить
I love your videos so much!!! You have been teaching me so well and I can't thank you enough.
Ответить
