TIP CALCULATOR APP USING HTML,CSS AND JAVASCRIPT
Design comparison
Solution retrospective
Hello Friends, I had achieved the challenge Tip Calculator web page using HTML,CSS and JavaScript.
The logic behind the Tip calculation is solved by a function
//Calculate Tip function calculateTip(billAmount, tipPercentage, numberOfPeople) { let tipAmount = (billAmount * (tipPercentage / 100)) / numberOfPeople; let tip = Math.floor(tipAmount * 100) / 100; tip = tip.toFixed(2);
let totalAmount = (tipAmount * numberOfPeople + billAmount) / numberOfPeople; totalAmount = totalAmount.toFixed(2);
billTipAmount.innerHTML = $${tip}
;
billTotalPerPerson.innerHTML = $${totalAmount}
;
}
With the help of functions,objects and EventListener we can solve this challenge. Thank you!
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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