Commit 7110521

committed

refactor: event delegation

1 parent 70a1f82 commit 7110521Copy full SHA for 7110521

File tree

+15

-9

lines changed

+15

-9

lines changed

Lines changed: 15 additions & 9 deletions

Original file line number	Diff line number	Diff line change
`@@ -24,15 +24,6 @@ const addTodo = (todo) => {`
`24`	`24`	`todoElement.classList.add("completed");`
`25`	`25`	`}`
`26`	`26`	`todoElement.innerText = todoText;`
`27`		`- todoElement.addEventListener("click", () => {`
`28`		`- todoElement.classList.toggle("completed");`
`29`		`- updateLocalStorage();`
`30`		`- });`
`31`		`- todoElement.addEventListener("contextmenu", (e) => {`
`32`		`- e.preventDefault();`
`33`		`- todoElement.remove();`
`34`		`- updateLocalStorage();`
`35`		`- });`
`36`	`27`	`todosList.appendChild(todoElement);`
`37`	`28`	`input.value = "";`
`38`	`29`	`updateLocalStorage();`
`@@ -47,3 +38,18 @@ form.addEventListener("submit", (e) => {`
`47`	`38`	`e.preventDefault();`
`48`	`39`	`addTodo();`
`49`	`40`	`});`
	`41`	`+`
	`42`	`+todosList.addEventListener("click", (e) => {`
	`43`	`+ if (e.target.tagName === "LI") {`
	`44`	`+ e.target.classList.toggle("completed");`
	`45`	`+ updateLocalStorage();`
	`46`	`+ }`
	`47`	`+});`
	`48`	`+`
	`49`	`+todosList.addEventListener("contextmenu", (e) => {`
	`50`	`+ if (e.target.tagName === "LI") {`
	`51`	`+ e.preventDefault();`
	`52`	`+ e.target.remove();`
	`53`	`+ updateLocalStorage();`
	`54`	`+ }`
	`55`	`+});`

Comments

(0)