Age calculator

Community feedback

• 

  Aaron Ragudos•480

  @RagudosPosted about 1 year ago

  I like that you followed the desktop design splendidly and how you used if-statements for invalid values!

  To make your design mobile-friendly, I recommend:

  • Use CSS properties
  • Use the clamp(), min(), or max() function in CSS.

  For dynamic styling:

  • With CSS properties, you can do something like "element.style.setProperty(propertyName, value);" which will help you shorten your code a bit.

  You can separate logic for each validation of content. For example, you can start with the year, then the month, then the day. After that, for each invalid format, you can decide what to change in the DOM to show the error instead of simultaneously showing all possible error messages despite the possibility of only one input being incorrect.

  Lastly, I recommend using element.textContent or element.innerText instead of innerHTML if you are only inserting text inside an element.

  Marked as helpful

  0