Form validator using Vanilla Script

HTML

• 'small' tags are used to show errors. (default hidden)

CSS

• Google Font 'Open Sans' used.
• 'root' variables are useful for repeating values.
• 5 items below are used common setting for default CSS.

display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
margin: 0;

• Be aware of 'Error' message is position 'relative'

JS

• 'getElementBy~' can be used to select elements.
• Overriding classname, not toggling.
• Overriding is correct for here as checking errors is not designed for repeating.