Skip to content

kateFrontend/js-drink-water

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Drink Water App

cover

🦉 Main information

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"

🦊 Useful links

forEach() method

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

Element.nextElementSibling

https://developer.mozilla.org/en-US/docs/Web/API/Element/nextElementSibling

⚡ Built With

HTML5 / CSS3 / JavaScript