I am more familiar with CSS than javascript. But I want to work with javascript more so I've decided to improve my skills by creating a multiple choice questionaire.
So first question: am I in the right forum? Do you guys discuss CSS and javascript working together? I think so but thought I would get this question sorted first.
So first project related question (and please see attached diagram which will explain more clearly what I'm trying to do).
My quizz consists of 6 different questions with 4 multiple choice answers. I have found a lot of different tutorials on how to set this part up - to add up the scores etc.
But what is not clear is how to handle the overall structure:- does each question have to exist on a separate html page or can I navigate to each question/page when I click on the next button. So the quiz will work on one single html page.
As you will see on the attached diagram, when you click on the next button the quiz transitions to the next question/page. So in effect you will have a visible area and a not visible (off the stage) area.
I hope this is clear and please see attached image for clarity.
.NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today.
None
0 Points
1 Post
CSS and javascript multiple choice questionaire
Feb 01, 2021 09:53 AM|jerseydudek|LINK
Hi,
I am more familiar with CSS than javascript. But I want to work with javascript more so I've decided to improve my skills by creating a multiple choice questionaire.
So first question: am I in the right forum? Do you guys discuss CSS and javascript working together? I think so but thought I would get this question sorted first.
So first project related question (and please see attached diagram which will explain more clearly what I'm trying to do).
My quizz consists of 6 different questions with 4 multiple choice answers. I have found a lot of different tutorials on how to set this part up - to add up the scores etc.
But what is not clear is how to handle the overall structure:- does each question have to exist on a separate html page or can I navigate to each question/page when I click on the next button. So the quiz will work on one single html page.
As you will see on the attached diagram, when you click on the next button the quiz transitions to the next question/page. So in effect you will have a visible area and a not visible (off the stage) area.
I hope this is clear and please see attached image for clarity.
Thanks
All-Star
58254 Points
15675 Posts
Re: CSS and javascript multiple choice questionaire
Feb 01, 2021 07:05 PM|bruce (sqlwork.com)|LINK
a javascript version would either load all the question into an object at the start, or use ajax to get each question as needed.
You should pick a javascript framework if you want to make a SPA.
the most common on this forum are react, vue and angular
Contributor
3730 Points
1431 Posts
Re: CSS and javascript multiple choice questionaire
Feb 02, 2021 07:28 AM|yij sun|LINK
Hi jerseydudek,
As far as I think,you could use master page to set the same page. If you need this,you could refer to below article:
https://www.codeproject.com/Articles/114458/Master-Pages-using-HTML-and-JavaScript
Best regards,
Yijing Sun