cody - HTMLify profile
cody
4270 Files
633395 Views
Latest files of /cody/bradtraversy/50projects50days/drink-water
style.css
cody/bradtraversy/50projects50days/drink-water/style.css
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600&display=swap');
:root {
--border-color: #144fc6;
--fill-color: #6ab3f8;
}
* {
:root {
--border-color: #144fc6;
--fill-color: #6ab3f8;
}
* {
index.html
cody/bradtraversy/50projects50days/drink-water/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Drink Water</title>
</head>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Drink Water</title>
</head>
script.js
cody/bradtraversy/50projects50days/drink-water/script.js
const smallCups = document.querySelectorAll('.cup-small')
const liters = document.getElementById('liters')
const percentage = document.getElementById('percentage')
const remained = document.getElementById('remained')
updateBigCup()
smallCups.forEach((cup, idx) => {
const liters = document.getElementById('liters')
const percentage = document.getElementById('percentage')
const remained = document.getElementById('remained')
updateBigCup()
smallCups.forEach((cup, idx) => {