Skip to content

Latest commit

 

History

History
23 lines (13 loc) · 1.97 KB

task.md

File metadata and controls

23 lines (13 loc) · 1.97 KB

Task

Для встановлення всіх необхідних бібліотек виконати команду: npm i

Functional example

https://codepen.io/romenrakholiya/pen/zYMEdoL

Task 1

У нас є поле "add item" в якому користувач вводить текст. Після натискання на кнопку "Add" необхідно стоврити новий елемент в списку "todo-list" при цьому зафіксувати дату створення цього лемента за допомогою new Date. Після чого очистити поле вміст поля "add item"

Task 2

При натисканні на ікону "смітника", відповідного todo-item необхідно видалити цей елемент

Task 3

При натисканні на ікону "ручки", відповідного todo-item необхідно дати можливість користувачу редагувати текст елементу. В цьому випадку корситувач оновлює текст в полі "add item" а кнопка Add замінюється на кнопку Update. Після того як користувач змінив текст, йому необхідно натиснути на кнопку Update для збереження. Оновлений текст має відобразитися у списку справ

Task 4

Реалізувати пошук. Користувач вводить текст в поле "search" після чого натискає на кнопку "search" в цьому випадку на екрані мають відобразитися тільки ті елементи, які містять цей текст. Для того що б повернутися до звичайного перегляду елементів необіхдно натиснути на "хрестик" в полі "search"