Salaam, I am having some trouble getting the next button to work its the only issue I am facing, could I send you my script.js file for you to have a look?
Hello sir, First of all, thank you for this amazing quiz! I have a few feature requests that I’d love to see implemented: 1. Could you make the quiz fully responsive for mobile devices? 2. I'd like the questions, as well as their options, to be shuffled. 3. On the result page, I would like a "Review Questions" button. When clicked, it should take me to the first question and display the option I selected and the correct one. 4. There should be a "Next" button and a "Finish" button : - The "Next" button should allow users to navigate to the next question. - A "Previous" button should appear when navigating, allowing users to go back to the previous question. - Clicking "Finish" should take the user back to the result section. Edit : I wanna request one more function that i see a transition left to right when i click next button
Hi, the app was responsive until i moved into the js script. I realized that my HTML scripts are not to responsive, what could be the issue? i am using visual studio. am i missing a setting ? i'd really appreciate your response. And thanks for this amazing tutorial.
Thank you for the great video. What do you have to change so that you can mark multiple answers at the same time for a question? E.g. Question: Mark all ingredients of Coke: Water, sugar, metal, peas. Thanks for your effort.
Your welcome, It's simple. Open up (questions.js) and add your second response as follows: answer2: "Hyper Text Multiple Language." Once you've done that, open up (script.js) and add the following to the function optionSelected(answer): let correcAns2 = questions[que_count].answer2; //obtaining the second correct response from the array) and modify the if clause as follows: if(userAns == correcAns || userAns == correcAns2). You can now choose from a variety of answers, so there you have it. :)
This is a great little quiz app written in JavaScript, HTML and CSS. The app has a timer, so you can see how long it takes you to answer all the questions. There are multiple choice questions, so you can choose the answer you think is correct. The app is well coded and easy to understand. Amazing!
It's simple. Open up (questions.js) and add your second response as follows: answer2: "Hyper Text Multiple Language." Once you've done that, open up (script.js) and add the following to the function optionSelected(answer): let correcAns2 = questions[que_count].answer2; //obtaining the second correct response from the array) and modify the if clause as follows: if(userAns == correcAns || userAns == correcAns2). You can now choose from a variety of answers, so there you have it.
Please I want it to be in such a way that if the time reach it shouldn’t select the answer it should move on to the next question How should I do it???
It's simple. Open up (questions.js) and add your second response as follows: answer2: "Hyper Text Multiple Language." Once you've done that, open up (script.js) and add the following to the function optionSelected(answer): let correcAns2 = questions[que_count].answer2; //obtaining the second correct response from the array) and modify the if clause as follows: if(userAns == correcAns || userAns == correcAns2). You can now choose from a variety of answers, so there you have it.
It's simple. Open up (questions.js) and add your second response as follows: answer2: "Hyper Text Multiple Language." Once you've done that, open up (script.js) and add the following to the function optionSelected(answer): let correcAns2 = questions[que_count].answer2; //obtaining the second correct response from the array) and modify the if clause as follows: if(userAns == correcAns || userAns == correcAns2). You can now choose from a variety of answers, so there you have it.
Hey dear if you want to change seconds to minute please check inside timer() function and add this part of code: if(time > 60){ let addZero = timeCount.textContent; let minutes = Math.floor(time / 60); let extraSeconds = time % 60; timeCount.textContent = minutes + "min" + extraSeconds + "sec"; } after you have done that put the amount of time you want inside timeValue and startTimer(VALUE HERE);
I seem to be having a problem with App. The continue button does nothing when clicked on. The Exit Quiz works but not the Continue. Not sure what i am missing.
ok so i notice some code i missed but now when continue button is clicked on. I seem to be getting the same box that the Exit button shows. Not sure if i have the Question.js link in the correct file. Currently bot JS files are in the HTML file.