Tip calculator app solution

Hello @mahadaamir35,

good job on the challenge!

The problem with the input validation occurs, because the parseFloat function only returns NaN, when the first non-whitespace character cannot be converted to a number, which doesn't exclude the possibility of trailing letters. You can either use RegExp, to check for a pattern, like /^\d+$/.test(enteredValue), or you could set the <input> element to type='number' which will automatically disallow the input of non-numeric characters (except +, - and .).

Hope, this helps!

Hi Mahad, good job tackling this challenge. I tried out your app; it looks like the calculation might needs some fixing as well, as the numbers don't seem to look right (e.g., a $100 meal between 2 people with 5% tips gave me $5 tips per person but the total per person is only $10!). Also, I looked at your code and saw that you're using input type="text". Try using number instead of text, and if you add a CSS rule for invalid input (e.g., input:invalid { border: 1px solid red}), you might be able to test out whether invalidation is being called. I also completed this challenge, and you can check out my solution here: https://www.frontendmentor.io/solutions/responsive-tip-calculator-app-with-plain-js-Nj1Gtzub_V

Good luck!