Skip to content
Submitted almost 4 years ago

Mobile first Tip Calculator App(HTML, CSS, JavaScript)

Griselda Knight•280
@Greeshma2903
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This was a very interesting Challenge I did after a long time! Reading the values after the user's input them was a bit tricky but I eventually figured it out (use "change" event listener). I tried to make the app more accessible (hopefully). Any feedback on the code and in general is appreciated. 😄

Code

Please log in to post a comment

Log in

Community feedback

  • Emma•320
    @emjogale

    Hi Griselda, I am currently working on this challenge and so was very interested to see how you had completed the challenge! I think what you have done is very good. I had been trying to work out how to get the input outline to change colour and so found your code with the :focus selector very helpful. However I have one suggestion for you - if you add a transparent border to the input before it is focused, then it doesn't move at all when the border is added on focus. 👍

    Marked as helpful

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