@zeletti

Как исправить мой To Do List на js?

Делаю свою тудушку, вначале подсматривал на ютубе, потом делал уже самостоятельно функционал.
Вот код: https://jsfiddle.net/nxuh5kdv/
И такая проблемка возникла, последний элемент списка не удаляется со страницы, хотя удаляется из массива в локал сторадж. Думаю тут есть очевиднейший ответ, но я его найти не могу.
И не стесняйтесь обругать мой г*внокод.
  • Вопрос задан
  • 79 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
let displayMessage = '';
doItems.forEach((item, i) => {
    displayMessage += `
    <li class="do__item">
        <input type="checkbox" id="do_${i}" ${item.checked ? 'checked': ' '}>
        <label for="do_${i}" class="${item.checked ? 'checked' : ' '}">${item.message}</label>
        <button class="remove" id="do_${i}">Delete</button>
    </li>`;
    block.innerHTML = displayMessage;
});

Установка значения block.innerHTML должна производиться после forEach'а, а не внутри.

UPD. Кстати, а какого хрена у вас элементы с одинаковыми id (input и button)?
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@acwartz
angular, hello world java, chrome ext/, delphi
Вы забываете удалить блок задачи из html.
допишите чтобы блок задачи тоже содержал идентификатор do_{i}, чтобы его можно было найти и удалить.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽