Cool app to track the amount of water you have drank built with Html, CSS and Vanilla JavaScript.
The project goal:
- track cups of water to win a goal of two liters
- when you click on one small cup, you see the % of water in a big cup as well as the amount of water left
- set up in HTML, style it with CSS and add the functionality with JavaScript
View Demo and have fun here Drink Water
made from Brad Traversy course "50 Projects In 50 Days"
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach
https://developer.mozilla.org/en-US/docs/Web/API/Element/nextElementSibling
HTML5 / CSS3 / JavaScript