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

Zoltan Halasz @zoltanhalasz

About: .Net enthusiast, self-taught, career transition, C#, SQL, Javascript, Angular

Location:
Oradea, Romania
Joined:
Nov 5, 2019

Front-End Challenge from Colt Steele: Stepper Form

Publish Date: Mar 10 '20
14 2

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:

Comments 2 total

  • Glenn
    GlennMar 10, 2020

    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...

  • Zoltan Halasz
    Zoltan HalaszMar 10, 2020

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

Add comment