Initial Release

CodingDashUU · web-flow · commit 14836279dc0a · 2025-10-04T14:52:23.000+02:00
diff --git a/counter/counter.js b/counter/counter.js
@@ -0,0 +1,17 @@
+let number = 0;
+let reset;
+
+
+document.getElementById("removeb").onclick = function(){
+  number -= 1
+   document.getElementById("number").textContent = number;
+}
+document.getElementById("resetb").onclick = function(){
+reset = document.getElementById("number").textContent = 0;
+number = reset;
+}
+document.getElementById("addb").onclick = function(){
+ number += 1
+  
+  document.getElementById("number").textContent =  number;
+}
diff --git a/counter/index.html b/counter/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+     <link rel="stylesheet" href="style.css">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Javascript</title>
+</head>
+<body>
+    <div id="counter">
+     <h1 id="number">0</h1><br>
+     <button id="removeb" class="buttons">Remove 1</button>
+     <button id="resetb" class="buttons">Reset</button>
+     <button id="addb" class="buttons">Add 1</button>
+    <script src="counter.js"></script>
+    </div>
+</body>
+</html>
diff --git a/counter/style.css b/counter/style.css
@@ -0,0 +1,23 @@
+#counter{
+    text-align: center;
+    border: 10px dotted;
+    background-color: hsl(197, 90%, 80%);
+    
+}
+#number{
+    font-size: 6em;
+    text-shadow: 6px 6px 20px;
+
+
+}
+.buttons{
+   transform: scale(2,2);
+   margin: 50px;
+   background-color: hsl(214, 100%, 80%);
+   border-radius: 10px;
+   box-shadow: 4px 4px 20px;
+   
+}
+.buttons:hover{
+    font-size: 1.05em;
+}
