Splitter Tip Calculator App with Vanilla JS, SCSS, and BEM

This is my fifteenth project on Frontend Mentor 🥳 and I can surely say that I've learned so much with this project, especially in JS part. I've got to admit this is my most favorite project by far. Furthermore, I tried to make it as close to a real life tip calculator as possible, because I wanted to build a tool that will be used by me, my friends, and maybe some other users as well 😅 I really put my heart and soul into this project, and I'm going to keep adding more features and improvements into it as well. I hope you enjoy using it as much, as I enjoyed building it. And if you really enjoy using it, I have a quick tip to help you access it more easily from your phone's home screen. And here's how to do it:

iOS

1. Open Safari and go to https://kens-visuals.github.io/tip-calculator-app/
2. Tap the Share button on the bottom of the page. It looks like a square with an arrow pointing out of the top.
3. In the list of options that appear, scroll down and tap on Add to Home Screen. The Add to Home Screen dialog box will
4. Choose a name for the website shortcut on your home screen.
5. Click Add when you're done. Safari will close automatically, and you will be taken to where the icon is located on your
6. Now just tap the new "app" or shortcut on your home screen, and it will open the website in its own navigation window.

Android

1. Open Chrome.
2. Navigate to https://kens-visuals.github.io/tip-calculator-app/ to pin to
3. Tap the menu icon (3 dots in upper right-hand corner) and tap Add to home screen.
4. Choose a name for the website shortcut, then Chrome will add it to your home screen.

And as always, if you have some suggestions, make sure to leave them in the comments' section 👨🏻‍💻 Cheers 👾

P. S. Head over to my GitHub repo of this project for some useful resources for JS 🟨