GeezerVison is showing github.com — JavaScript/JavaScript-todo-list/script.js at main · Yasholo/JavaScript

Expand file tree

script.js

Copy path

More file actions

Latest commit

History

executable file

51 lines (46 loc) · 1.43 KB

script.js

Copy path

File metadata and controls

executable file

51 lines (46 loc) · 1.43 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

var myNodelist = document.getElementsByTagName("LI");

var i;

for (i = 0; i < myNodelist.length; i++) {

var span = document.createElement("SPAN");

var txt = document.createTextNode("\u00D7");

span.className = "close";

span.appendChild(txt);

myNodelist[i].appendChild(span);

}

var close = document.getElementsByClassName("close");

var i;

for (i = 0; i < close.length; i++) {

close[i].onclick = function() {

var div = this.parentElement;

div.style.display = "none";

}

var list = document.querySelector('ul');

list.addEventListener('click', function(ev) {

if (ev.target.tagName === 'LI') {

ev.target.classList.toggle('checked');

}

}, false);

function newElement() {

var li = document.createElement("li");

var inputValue = document.getElementById("myInput").value;

var t = document.createTextNode(inputValue);

li.appendChild(t);

if (inputValue === '') {

alert("You must write something!");

} else {

document.getElementById("myUL").appendChild(li);

}

document.getElementById("myInput").value = "";