todos

"use strict" document.addEventListener("DOM Content loaded", () => { documnet.querySelector('.new-todo').addEventListener('keypress', function(event) { if(event.key === 'Enter' && this.value.trim() !== ""){ event.preventDefault (); const todoText = this.value.trim(); const newTodo = document.createElement('li') newTodo.classList.add('todo-item'); newTodo.innerHTML = `
`; newTodo = querySelector('.toggle').addEventListener('change', function() { newTodo.classList.toglle('completed', this.checked); }); newTodo.querySelector('.destroy').addEventListener('click', function() { newTodo.remove(); }). document.querySelector('.todo-list').appendChild(newTodo); this.value = ''; } }); });