Want to design a personality test and make the questions slide.

Question

I have created a personality test using JavaScript and HTML following a guide.
https://www.sololearn.com/compiler-playground/WJ091SORyjV0/?ref=app
What I want is that when a user clicks 'next,' the question should slide. Another feature I desire is that when the user submits the quiz, the page should refresh with the results. example: https://drdeenz.com/gender-role-test/

Answer 1

Okay, I used JavaScript from CodePen, and the slide feature is up. I also implemented some code that refreshes the page when the submit button is clicked, but the problem is that it does not show results. Instead, it jumps to the first question. I used sessionStorage, but it gets stuck on the last question.

Answer 2

Nice work getting the test up and running—adding sliding transitions and refreshing with results would definitely make it feel smoother and more modern. I’m into sexuality tests myself, and making them more user-friendly really matters.