DEV Community

Cover image for Front-End Challenge from Colt Steele: Stepper Form
Zoltan Halasz
Zoltan Halasz

Posted on

Front-End Challenge from Colt Steele: Stepper Form

In the past weeks I reviewed a bit my front-end (html-css-javascript) lessons, and also found an interesting challenge lately. It is a vanilla js challenge by Colt Steele, published on Youtube: https://youtu.be/qGwR_DSSnuQ

My solution to it:
https://github.com/zoltanhalasz/StepperForm

Working link(live project):
https://codepen.io/zoltanhalasz/project/editor/ApPwKj

Explanation:

  • I am using a structure with div's with classes and id's that can be targeted by Javascript DOM manipulation.
  • the script uses lots of functions, and the getElementById used to target the classes/ids
  • use hide/show for the stepper form via Javascript (manipulating DOM styles)

Recommended reading:

Top comments (2)

Collapse
 
fetchworkglenn profile image
Glenn • Edited

Aw, I got excited because when I read the title I didn't know it was vanilla js. I just made one with react material and formik. npmjs.com/package/react-material-f...

Collapse
 
zoltanhalasz profile image
Zoltan Halasz • Edited

I wish I knew react. Your solution seems professional grade 😊 it's awesome 👍