Can you help in creating QUIZ PAGE

1

Hi… I want to make a quiz page where when people submit answer the next question page comes from side. I don’t know if you can understand this …as i am new to the programming world.
here is the code i have written

<body>
  <div class="quiz-field">
    <div class="slides slide1">
    </div>
    <div class="slides slide2">
    </div>
    <div class="slides slide3">
    </div>
    <div class="slides slide4">
    </div>
    <div class="slides slide5">
    </div>  
  </div>
  <button onclick="myfun()">Click me</button>
</body>

as this is not complete code there will be quetions and checkboxes.
but i can’t make it the way i want.
i want all the other div to be hidden only the first div visible.
And after answering the first question user will click on button, which will lead them to second div.but the second div should slide in. and so on

i tried many javascript fuction and loops but can get the results. can anyone help me with it

2

I think jQuery would work well for this. It’s further on in the curriculum but what you are looking for:

https://www.freecodecamp.org/learn/front-end-libraries/jquery/

3

@pjonp
i actually know jquery. But still can’t figure it out

4

you could use bootstrap carousel to do this as it has a few different options for carousel sliders

https://getbootstrap.com/docs/4.3/components/carousel/

or some other libraries such as glide or slick