Member 14841635 Ответов: 0

Почему localstorage возвращается неопределенным?

В настоящее время я создаю приложение для списка дел и хочу сохранить добавленные элементы в локальном хранилище, чтобы они могли появиться при перезагрузке.

Я добавил API localStorage, будучи новичком в программировании, я все еще немного запутался в том, как добавить localStorage в свою функцию. Ключ локального хранилища сохраняется, но значение возвращается неопределенным.

Этот блок кода предназначен для добавления нового элемента в список дел, который отлично работает:

let id = 0;
    function addTaskFunc() {
        
        const aTask = `
        <div class="task" id="task-${id}">
            <button class="done__btn">
                
            </button>
            <p>${box.value}</p>
            <button class="priority">Make priority</button>
            <button class="cancel__btn">
                
            </button>
        </div>
    `;
        
    
        const x = box.value;
        if (x) {
            const adTask = taskList.insertAdjacentHTML('afterbegin', aTask);
            box.value = '';
}


Обработчик событий для добавления нового элемента выглядит следующим образом:

newTask.addEventListener('click', addTaskFunc);


Теперь, добавив новый элемент в список, я пытаюсь сохранить его в localStorage. Я сохранил результат этого метода: `
taskList.insertAdjacentHTML('afterbegin', aTask);
- в эту переменную:
const adTask
`

а затем добавил API localStorage в функциональный блок `addTaskFunc`. Вот код для локального хранилища:

let id = 0;
function addTaskFunc() {

    // InsertAdjacentHTML code

    const x = box.value;
    if (x) {
        const adTask = taskList.insertAdjacentHTML('afterbegin', aTask);
        box.value = '';
        localStorage.setItem("addedTask2", adTask); //Code to save data returning undefined in console



Где я ошибаюсь?

Что я уже пробовал:

Как уже говорилось ранее, я сохранил метод insertAdjacentHTML в константе, а затем вызвал const в localStorage, но он возвращает undefined.

0 Ответов