Submitted about 1 month ago

pablodev | Tip Calculator

pablodev• 430

@Pabloodev

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Tip calculator app

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Another solution that wasn't easy, JS was used a lot in this solution because I had a lot of buttons, so I had to use a lot of array methods, I got a little lost but I managed to find other solutions and documentation.

What challenges did you encounter, and how did you overcome them?

I found it difficult to deal with a lot of data at the same time, with a lot of buttons, I had to develop a lot of logic, GPT chat helped me with some things unfortunately.

What specific areas of your project would you like help with?

Any feedback is welcome!

Community feedback

AdamullaOsas• 390

@AdamullaOsas

Posted 25 days ago

Overall project looks really good, but when I enter bill and choose tip% and later I put number of people it does not display calculated value. Also somewhere between 810px and 800px screen width your styling is aligned to the left. The last thing is that you can't add a background-image to the input field, you can also thing about wrapping whole thing (bill, tip% and number of people) in one <form> tag instead of two smaller. You can also thing about changing input type=text instead of type=number.

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