6 napja · 05dfc262dc
--- a/index.html
+++ b/index.html
@@ -0,0 +1,19 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+  <meta charset="UTF-8">
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+  <title>Document</title>
			
 
				+  <link rel="stylesheet" href="style.css">
			
 
				+</head>
			
 
				+<body>
			
 
				+<label id="label">0</label>
			
 
				+<div id="btn">
			
 
				+  <button id="inc" class="buttons">Increase</button>
			
 
				+  <button id="res" class="buttons">Reset</button>
			
 
				+  <button id="dec" class="buttons">Decrease</button>
			
 
				+</div>
			
 
				+
			
 
				+  <script src="js/main.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/js/main.js
+++ b/js/main.js
@@ -0,0 +1,18 @@
 
				+const decreasebtn = document.getElementById("dec");
			
 
				+const resetbtn = document.getElementById("res")
			
 
				+const increasebtn = document.getElementById("inc")
			
 
				+const label = document.getElementById("label")
			
 
				+let count=0;
			
 
				+
			
 
				+increasebtn.onclick = function (){
			
 
				+    count++;
			
 
				+    label.textContent=count;
			
 
				+}
			
 
				+decreasebtn.onclick = function (){
			
 
				+    count--;
			
 
				+    label.textContent=count;
			
 
				+}
			
 
				+resetbtn.onclick = function (){
			
 
				+    count=0;
			
 
				+    label.textContent=count;
			
 
				+}
			
--- a/style.css
+++ b/style.css
@@ -0,0 +1,21 @@
 
				+#label{
			
 
				+    display: block;
			
 
				+    font-size: 10em;
			
 
				+    font-family: arial;
			
 
				+    text-align: center;
			
 
				+}
			
 
				+#btn{
			
 
				+    text-align: center; 
			
 
				+}
			
 
				+.buttons{
			
 
				+    background-color: rgb(126, 126, 204);
			
 
				+    color: white;
			
 
				+    padding: 10px 20px;
			
 
				+    font-size: 15px;
			
 
				+    border-radius: 5px;
			
 
				+    cursor: pointer;
			
 
				+    transition: background-color .7s;
			
 
				+}
			
 
				+.buttons:hover{
			
 
				+    background-color: rgb(115, 230, 230);
			
 
				+}