This is my first project using Javascript and it helped me
understand fundamentals of DOM and Event Handlers.
Live URL | Solution | Challenge on Frontend Mentor |
---|
Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Calculate the correct tip and total cost of the bill per person
Bonus:
- I added the extra functionality - the buttons have two different color mode depending on if all the inputs are filled out or not.
Desktop | Mobile |
---|---|
- Semantic HTML markup
- CSS
- Javascript
- Mobile-first workflow