Помогите изменить добавить класс на checked
var inputText= document.getElementById("inputText");
var hideShow= document.getElementById("hideShow");
ButtonAdd.addEventListener("click", function(e) {
var inputText = document.getElementById("inputText");
var list = document.getElementById('list');
var check = document.createElement("input");
check.type = "checkbox";
check.addEventListener("click", function(e) {
console.log(text.textContent);
});
var text = document.createElement("span");
text.textContent = inputText.value;
var label1 = document.createElement('label');
label1.appendChild(check);
label1.appendChild(text);
list.appendChild(label1);
});
hideShow.addEventListener("click", function(e) {
var checks = document.querySelectorAll("#list input[type=checkbox]:checked");
checks.forEach(item => item.parentNode.parentNode.className="hides");
});
.hides{
display: none;
}
<ul id="list">
<label class="hides">
<input type="checkbox"><span>dsfd</span>
</label>
</ul>
<input type="text" name="" id="inputText">
<button id="hideShow">hide selected</button>
<button id="ButtonAdd">Add</button>
ul
должны располагаться толькоli
либоscript
,template