to do logic

Author: zhuk1707

blocks/to-do-list.css

@@ -85,6 +85,7 @@
   &__text {
     margin-right: 5px;
     padding-top: 3px;
+    overflow: clip;
   }
 
   /**/

blocks/to-do-list.css.map

@@ -33,7 +33,7 @@ <h1 class="main__title">Small JavaScript Projects</h1>
 
                     <div class="cards-block__column">
                         <div class="cards-block__item">
-                            <a href="pages/counter.html" class="cards-block__image">
+                            <a href="pages/reviews.html" class="cards-block__image">
                                 <img src="images/main-page/02.png" alt="Reviews">
                             </a>
                             <a href="pages/counter.html" class="cards-block__title">Reviews</a>
@@ -114,7 +114,7 @@ <h1 class="main__title">Small JavaScript Projects</h1>
                             </a>
                             <a href="pages/counter.html"
                                class="cards-block__title">To do list</a>
-                            <p class="cards-block__subtitle">...</p>
+                            <p class="cards-block__subtitle">Listing app.</p>
                         </div>
                     </div>
 

blocks/to-do-list.scss

@@ -21,7 +21,7 @@ <h1 class="main__title">To Do List</h1>
                     </button>
                 </form>
                 <div class="to-do__list">
-
+<!--                    tasks-->
                 </div>
             </div>
         </div>

index.html

@@ -59,6 +59,10 @@ form.addEventListener('submit', (e) => {
 
   createAndAppendButtons([listItem])
   list.appendChild(listItem)
-  document.querySelector('.to-do__input').value = ''
+
+  const taskInput = document.querySelector('.to-do__input')
+
+  taskInput.value = ''
+  taskInput.focus()
 })