Submitted almost 3 years ago

Mobile first with Tailwind.css, HTML, Objected-Oriented JS and Vite XD

Karim• 590

@Galielo-App

Preview site View code

This is a solution for...

Tip calculator app

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

I learned a few new keywords in javascript, but nothing really life-changing. But building this project using oop principles was actually kinda cool, I learned about static methods, thethis keyword, the OO mindset... a very cool experience (but I still prefer the functional paradigm :D). When I find the opportunity to use OO principles again, I'm definitely gonna use them.

But overall, what do y'all think?

Community feedback

Patrick• 14,325

@palgramming

Posted almost 3 years ago

Well the user should not be able to type letters into the bill or number of people inputs

Karim• 590

@Galielo-App

Posted almost 3 years ago

@palgramming hello patrick. They can't type letters into these inputs, at least it's working for me. Do you have any solution?

Patrick• 14,325

@palgramming

Posted almost 3 years ago

@Galielo-App ok this is interesting in Chrome you cannot type letters but in Firefox you can.... very interesting

Karim• 590

@Galielo-App

Posted almost 3 years ago

@palgramming firefox is a weirdo guy XD.

But still, if the user types letters in it the js that will validate the input will throw an error.

Happy coding :)

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord