Please help me how do i hide these other forms so and only show when the "next" button is clicked

Question

https://code.sololearn.com/WkpMm5k8DLm2/?ref=app

Answer 1

To hide it till the button is clicked,
Add
display:none;
To the element in Css
And the add
element.style.display:block;
To the JavaScript function.
Let me know if you don't get anything.

Answer 2

Thank you

Answer 3

1. I set other 2 boxes to be hidden, than on click on button i call function to select next box and display it. If you wanna also to hide prev/clicked box than select this one and set its display to none.
2. You used same id for every button and input.
Id can be only one, you cant have more of same ids. This can make bug in your code. So I replaced it with class.

https://code.sololearn.com/W7EY4b6M8X0D/?ref=app