@bach1

Κак сделать чтобы при клике удалялся все отмеченные элементы?

<div class="myToDo">
    <h1>To do List</h1>
    <input type = "text" placeholder="Enter your plan">
    <ul id="plan"></ul>
    <p id="cnt">COUNT : <span id="span"></span></p>
    <button id="completed">Clear Completed items</button>
 </div>

let inputValue = document.querySelector('input');
let btn = document.getElementsByTagName('button');
let ulListPlan = document.getElementById('plan');

inputValue.addEventListener('keyup', function (event) {
	let li = document.createElement('li')
	let checkBox = document.createElement('input');
	let close = document.createElement('button');
	close.innerHTML = "X";
	checkBox.type = "checkBox";
	//Creating plans with checkbox and delete button
	if (event.keyCode == 13) {
		li.innerHTML = inputValue.value;
		ulListPlan.appendChild(close);
		ulListPlan.appendChild(li);
		ulListPlan.appendChild(checkBox);
		//check status
		checkBox.onclick = function () {
			if (checkBox.checked) {
				li.style.userSelect = 'none';
				li.style.backgroundColor = 'grey'
			} else if (checkBox.checked == false) {
				li.style.backgroundColor = 'white';
				li.style.userSelect = "text";
			}
		}
		//Delete plans one by one
		close.onclick = function () {
			li.parentNode.removeChild(li);
			close.parentNode.removeChild(close);
			checkBox.parentNode.removeChild(checkBox);
		}
	}
	//how much plans
	let liLenght = document.querySelectorAll('li');
	let howMuch = document.getElementById('cnt');
	let spn = document.getElementsByClassName('span');
	for (let i = 1; i < liLenght.length; ++i) {
		span.innerHTML = i;
	}
	//Clear all complated plans
	let clearComleted = document.getElementById('completed');
	clearComleted.onclick = function () {

	}
});
  • Вопрос задан
  • 63 просмотра
Решения вопроса 1
Seasle
@Seasle Куратор тега JavaScript
Помог - отметь решением \( ゚ヮ゚)/
Хотя бы так. Но как я понял, на предыдущий вопрос Вы даже ответы не смотрели.
let inputValue = document.querySelector('input');
let btn = document.getElementsByTagName('button');
let ulListPlan = document.getElementById('plan');
let clearComleted = document.getElementById('completed');

clearComleted.addEventListener('click', function () {
    let completed = document.querySelectorAll('input[type="checkbox"]:checked');
    for (let entry of completed) {
        entry.parentNode.remove();
    }
});

function createTodo(value) {
    let li = document.createElement('li')
    let checkBox = document.createElement('input');
    let close = document.createElement('button');
    let text = document.createTextNode(value);
    close.textContent = "X";
    checkBox.type = "checkBox";

    checkBox.addEventListener('input', function () {
        if (checkBox.checked) {
            li.style.userSelect = 'none';
            li.style.backgroundColor = 'grey'
        } else {
            li.style.backgroundColor = 'white';
            li.style.userSelect = "text";
        }
    });

    close.addEventListener('click', function () {
        li.remove();
    });

    li.append(checkBox, text, close);
    ulListPlan.append(li);
}

inputValue.addEventListener('keyup', function (event) {
    if (event.keyCode == 13 && inputValue.value.length > 0) {
        createTodo(inputValue.value);
        inputValue.value = '';
    }
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
29 мая 2020, в 01:41
850 руб./за проект
29 мая 2020, в 00:02
5000 руб./за проект
28 мая 2020, в 23:42
10000 руб./за проект