Frontend Mentor - Tip calculator app solution
This is a solution to the Tip calculator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Table of contents
Overview The challenge
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
Screenshot
Links
Solution URL: Add solution URL here
Live Site URL: Add live site URL here
My process Built with
Semantic HTML5 markup
CSS custom properties
Flexbox
CSS Grid
Mobile-first workflow
Javascript
What I learned
During the working on this project, i learnt more about creating reuseable functions in javascript. i also learnt about planning my code and also think of possible errors which may align from the way the user use the web application and i also solved all this problems. During the course of working on this, i learnt about the input event listener and i was able to apply it where necessary. i also learnt more about calling a function multiple times in different location and also more about how this works and more insight on when to do it.
Continued development Useful resources Author
Github - Olaoye Praise
Email - Olaoye Praise
Twitter - @Praixx_
Acknowledgments
