Удаление дочерних элементов js?

Question

[bach1]

именно удалять выбранный элемент при клике

let inputValu = document.querySelector('input');
let btn = document.getElementsByTagName('button');
let ulList = document.getElementById('myUl');
let doneList = document.getElementById('done')

btn[0].onclick = function () {
    let createLi = document.createElement('li')
    createLi.innerHTML = inputValu.value;
    ulList.appendChild(createLi);

    createLi.onclick = function () {
        createLi.style.textDecoration = 'line-through';
        doneList.appendChild(createLi)
    }
    doneList.ondblclick = function () {
        doneList.removeChild(createLi);
    }
}

Comments

[bach1]

let inputValu = document.querySelector('input');
let btn = document.getElementsByTagName('button');
let ulList = document.getElementById('myUl');
let doneList = document.getElementById('done')

btn[0].onclick = function () {
let createLi = document.createElement('li')
createLi.innerHTML = inputValu.value;
ulList.appendChild(createLi);

createLi.onclick = function () {
createLi.style.textDecoration = 'line-through'
doneList.appendChild(createLi)
}
doneList.ondblclick = function () {
doneList.removeChild(createLi);
}

}

Answer 1

[Александр]

1. В createLi.onclick дописываете createLi.onclick = null;
2.

doneList.ondblclick = function () {
    doneList.removeChild(createLi);
}

меняете на

createLi.ondblclick = function () {
    createLi.remove();
}

Далее, если хотите, чтобы код был более грамотный, необходимо где-то хранить все добавленные элементы и их состояния. В зависимости от состояния рендерить и обрабатывать по-разному. .onclick и прочее надо менять на .addEventListener.