Skip to content
Submitted over 3 years ago

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

Karim•590
@yasssuz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Tip calculator app
  • HTML
  • CSS
  • JS
2junior

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,265
    @palgrammingPosted over 3 years ago

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

    0
    Karim•590
    @yasssuzPosted over 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?

    0
    Patrick•14,265
    @palgrammingPosted over 3 years ago

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

    1
    Karim•590
    @yasssuzPosted over 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 :)

    0

Please log in to post a comment

Log in with GitHub

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