Merge pull request #47 from Ambikesh88/master

Delete button added
swapnilsparsh · Oct 4, 2021 · 76b5af3 · 76b5af3
2 parents bf230a4 + 2a28825
commit 76b5af3
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/08 - Number Counter/index.html b/08 - Number Counter/index.html
@@ -25,11 +25,16 @@ <h3 class = "heading">Number Counter</h3>
 			<div class = "button">
 				<div class = "save">Save</div>
 			</div>
+
+			<div class="button">
+				<div class="deleted">Delete</div>
+			</div>
 		</div>
 		<div class = "right">
 			<div class = "heading">Numbers saved:</div>
 			<div class = "number"></div>
 		</div>
+
 	</div>
 
 

diff --git a/08 - Number Counter/script.js b/08 - Number Counter/script.js
@@ -3,6 +3,7 @@ const increase = document.querySelector('.increase');
 const decrease = document.querySelector('.decrease');
 const reset = document.querySelector('.reset');
 const save = document.querySelector('.save');
+const deleted = document.querySelector('.deleted');
 
 let count = 0;
 increase.addEventListener('click', () => {
@@ -25,3 +26,9 @@ save.addEventListener('click', () => {
     num.innerHTML = count;
     number.appendChild(num);
 });
+
+deleted.addEventListener('click',()=>{
+    const number = document.querySelector('.number');
+    number.innerHTML='';
+
+})
diff --git a/08 - Number Counter/style.css b/08 - Number Counter/style.css
@@ -99,7 +99,7 @@ footer a:visited {
     justify-content: center;
 }
 
-.reset, .save {
+.reset, .save ,.deleted {
     cursor: pointer;
     color: white;
     padding: 20px;