Я не могу переключить все элементы li

#javascript #loops #dom

#javascript #петли #дом

Вопрос:

Мой код:

 var button = document.getElementById("enter");
var input = document.getElementById("userinput");   
var ul = document.getElementsByTagName('ul')[0];    
var li = document.querySelectorAll("li");

function toggle() {
  li.classList.toggle("done");
}    

li.addEventListener("click", toggle);
    
function inputLength() { 
  return input.value.length;
}


function createListElement() {
  var li = document.createElement("li");
  li.appendChild(document.createTextNode(input.value));
  ul.appendChild(li);
  input.value = ""
}

function addListAfterClick() {
  if (inputLength() > 0) {  
    createListElement();  
  } 
}

function addListAfterPress(event) {
  if (inputLength() > 0 amp;amp; event.keyCode === 13) {
    createListElement();   
  }  
}

button.addEventListener("click", addListAfterClick);
input.addEventListener("keypress", addListAfterPress);
 

Комментарии:

1. .готово { оформление текста: сквозное; }

2. Вы проверяли, нет ли какой-либо ошибки на консоли?