Tip Calculator Using Vanilla JavaScript

Community feedback

• Account deleted

  Hi,

  Big up for completing your first Frontend Mentor challenge, it looks good.

  I think the calculator works fine, and does what it is intended, but I do not think the custom option works. When you put in a value it doesn't recognize it.

  The input box moves the whole container when you hover over it, I think it because it is trying to compensate for the extra 2px of the border, so I took 2px off the initial padding on .bill-input when you hover over it;

  .upper-left .bill-input{ padding: 3px 13px}

  and it works just fines by removing the jitter when you hover on the text input.

  Keep coding.

  Marked as helpful

  0

  ---

  

  Christian Glenogo•130

  @CHRISTIANGLENOGOPosted about 3 years ago

  @thulanigamtee Hi I'm glad for your feedback.

  With regards to your feedback for the CUSTOM option it's actually working if you click any of the tip percentage button. I really thought that the application works that way, so after I check some other solutions the custom input should display the result automatically. Now I am working to fix that.

  On the other hand, I try to do your suggestion on the Input Box but it still affect the whole container. I'm gonna try to find other way or if ever you have another suggestion please help me.

  Thank You!

  0