release 1v

0fatihyildiz · Sep 8, 2021 · f76cfed · f76cfed · vercel · Sep 8, 2021
1 parent c0b1997
commit f76cfed
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -11,6 +11,9 @@
 </head>
 
 <body>
+    <div class="alert alert-danger faded-out" style="font-weight: 600;">
+      Test
+    </div>
     <div class="panel">
         <button id="darkmode">
             <svg xmlns="http://www.w3.org/2000/svg" fill="#f9be06" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

diff --git a/index.js b/index.js
@@ -8,6 +8,7 @@ const completed = document.querySelector('#completed');
 const deleteAll = document.querySelector('#deleteAll');
 const completedAllb = document.querySelector('#completedAll');
 const darkmode = document.querySelector('#darkmode');
+
 eventListeners();
 
 function eventListeners() {
@@ -148,6 +149,19 @@ function deleteTask(e) {
     return true;
 }
 
+
+function alert(a){
+    const alert = document.querySelector('.alert');
+    alert.innerHTML = `${a}`;
+    alert.classList.remove('faded-out');
+    addedbtn.disabled = true;
+    setTimeout(() => {
+        alert.classList.add('faded-out');
+        addedbtn.disabled = false;
+    }, 5000);
+}
+
+
 function deletecTask(e) {
     if(e.target.id === 'deletebtn') {
         e.target.parentElement.classList.add('faded-out');

diff --git a/style.css b/style.css
@@ -8,6 +8,10 @@ html,body{
     height: 100%;
 }
 
+.dark button{
+    background-color: #212121;
+}
+
 .dark body{
     background-color: #1a1a1a;
 }
@@ -185,4 +189,10 @@ input[type="radio"]+label:hover .badge{
     background: none;
     cursor: pointer;
     padding: 5px;
+}
+
+.alert{
+    max-width: 500px;
+    width: 100%;
+    transition: all .5s;
 }