Список идей
Реализуйте сайт, позволяющий сохранять пришедшие в голову идеи.
Основные возможности проекта
- Добавление идей через форму.
- Вывод идей в виде плиток.
- Редактирование идей.
- Удаление идей.
- Отметка идей как реализованных.
- Перестановка идей местами.
- Данные хранятся в localStorage.
Главная страница
На странице должны быть размещены:
- Форма для добавления новой идеи (текстареа и кнопка "Добавить").
- Список идей в виде плиток.
Плитка идеи
Каждая плитка должна содержать:
- Текст идеи.
- Дату добавления.
- Статус (активная/реализованная).
- Кнопки: редактировать, удалить, отметить реализованной.
- Кнопки для перестановки: "Вверх" и "Вниз".
Добавление идеи
Идеи добавляются через форму. При добавлении новая идея попадает в конец списка (вниз всех плиток).
Редактирование идеи
При нажатии на кнопку "Редактировать" текст идеи становится редактируемым (заменяется на текстареа с текущим текстом). После сохранения текст обновляется.
Удаление идеи
При нажатии на кнопку "Удалить" появляется подтверждение (confirm), после чего идея удаляется из списка.
Отметка реализованной
При нажатии на кнопку "Реализовано" идея помечается как реализованная. Визуально плитка меняет цвет или добавляется отметка (например, зачеркивание). Повторное нажатие возвращает идею в активное состояние.
Перестановка
Функционал позволяет менять местами идеи:
- Кнопка "Вверх" - перемещает идею на одну позицию выше.
- Кнопка "Вниз" - перемещает идею на одну позицию ниже.
Хранение данных
Все идеи должны храниться в локальном хранилище браузера (localStorage). При загрузке страницы данные загружаются из хранилища, при изменении - сохраняются обратно.
Дополнительные возможности
- Фильтр: показывать только активные или только реализованные идеи.
- Кнопка "Очистить все" с подтверждением.