Responsive age calculator app

Community feedback

• 

  P

  Rupali•780

  @rupali317Posted 4 months ago

  Hello @FlackoCodes

  For updating the inputs to red color border, you need to inject a class to it like .error-input when the error occurs. When the input is fine, then the .error-input class should be removed. Then in your css apply the respective css property to that .error-input class.

  I have also worked on a similar project where I need to validate my inputs and display the errors accordingly for the inputs. I used React and Styled components for the project. Refer to my Input.jsx.

  Hope it helps you in solving your issue.

  Marked as helpful

  1
• 

  Alan Lopez Reyna•300

  @AlanLopReyPosted 4 months ago

  You have several problems, like:

  • you allow users to put negative numbers
  • you need to separate the code into smaller and more handle functions, you can do this by using custom hooks

  I will make you a PR to solve those problems. Have a good day

  0