Responsive tip calculator using html, css(scss) and javascript

Community feedback

• 

  P

  leeport511•190

  @leeport511

  Posted 5 months ago

  Great Job! here are some advices for make your code more simple without redundancy.

  Reduce Repetitive Selections

  Instead of selecting each tip button individually, you can use querySelectorAll to grab all tip buttons at once and loop through them when needed. The same applies to error elements.

  Encapsulate Error Clearing

  You can Create a clearErrors() function to remove all error messages and input outlines.

  Simplify Value Parsing

  Used Number(value) || 0 to handle empty inputs gracefully, reducing the need for conditional checks.

  Reuse Logic with forEach

  When validating inputs, instead of handling them separately, you can loop through the values and their corresponding elements to apply errors dynamically.

  00

  Marked as helpful