Help about from, some instruction how to do

In the image below I’m sending a form that I need to do.
I have no idea how to do it. It should work with the HTML CSS and Javascript without using any libraries.
every advice is welcome,
buy the way I have basics knowledge about javascript
Thank you

Firstly, welcome to the forums.

While we are primarily here to help people with their Free Code Camp progress, we are open to people on other paths, too. Some of what you are asking is pretty trivial in the Free Code Camp context, so you might find that if you’re not getting the instruction and material you need in your current studies, the FCC curriculum will really help you get started. At a modest guess I’d say investing a 4-5 hours working through the curriculum here will really pay off. You can find the curriculum at

With your current questions, we don’t have enough context to know what you already know or don’t know, so it is impossible to guide you without just telling you the answer (which we won’t do).

It is pretty typical on here for people to share a codepen / jsfiddle example of what they have tried so that anyone helping has more of an idea of what help is actually helpful.

Please provide some example of what you’ve tried and I’m sure you’ll get more help.

Happy coding :slight_smile:

Also, you will need to give a lot for detail about how the user is expected to interact with these form questions. Is it supposed to only show one question at a time? What should show before the questions start? What should show after clicking Next on the last question?

Thanks for the answer

I’m not looking for a finished code. I just want some recommendations if there are some ready-made methods,
can do it with a “Range Sliders” or something else.

these are just questions and with a click at the “next” go to the next question

Just try to map out on paper how to break this instruction into smaller pieces. Once you have the pieces figured out, then start thinking how you could store these questions in some type of data structure, so that as you use the slide for a specific question, the information would update the stored.

I would start by seeing if you can design the layout for a single question. That will be the template for the other questions and then you can figure out how to connect them with the buttons.

You did not answer my question about what should happen when the last question’s Next button is clicked. Is it supposed to take you to some kind of summary page? Is it supposed to submit to the answers to a database?

Are there only 4 possible answer positions on the slider? I ask, because your example above only shows 4 positions, but I could see a 5th position (25%) between the first (0%) and second (50%). If so, what would the text need to say at the bottom of the slider for this extra position?

Also, is this some kind of homework assignment? What is the source for these instructions?