franpcode/Vanilla-Javascript-Counter
1
0
Fork 0
mirror of https://github.com/FranP-code/Vanilla-Javascript-Counter.git synced 2025-10-12 23:52:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Styles added

Browse Source
This commit is contained in:
Francisco Pessano
2022-01-21 22:27:03 -03:00
parent bdb5b0f0a0
commit 62520df89d
6 changed files with 308 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@@ -4,18 +4,30 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript counter</title>
<title>Javascript Counter</title>
<script src="./script.js"></script>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="header-container">
<header>
<h1>Vanilla JavaScript Counter</h1>
</header>
</div>
<form id="form">
<label>Thing to count</label>
<input type="number">
<label>Seconds between number and number</label>
<input type="number">
<div class="input-container">
<label>Thing to count</label>
<input type="number" placeholder="Number" required min="0">
</div>
<div class="input-container">
<label>Seconds between number and number</label>
<input type="number" placeholder="Number" required min="0">
</div>
<button id="form-button">START</button>
</form>
<div class="container">
<div class="counter-element-container">
<div id="counter-element">
</div>