to do click obliczanie postępu pracy

Question

hej, próbuje obliczyć % ilość odznaczonych pozycji na to do list. chce użyć w tym celu eventlisner i wyłapać wszystkie kliknięcia myszy na elementach

// Create a "close" button and append it to each list item
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);
}

// Click on a close button to hide the current list item
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";
  }
}



// Add a "checked" symbol when clicking on a list item
var list = document.querySelector('ul');
list.addEventListener('click', function(ev) {
  if (ev.target.tagName === 'LI') {
    ev.target.classList.toggle('checked');
  }
}, false);

// MOJA
var score = 0;
let progresS = document.getElementsByClassName('progress');
list.addEventListener('click', function(ev) {
  if (ev.target.tagName === 'LI') {
    progresS.innerHTML = score;
    score++;
  }
}, false);

li podając cały czas procent realizacji zadań na progresbarze

Comments

a jakie jest pytanie?

---

Nie liczy, a w dodatku wczesniejsze funkcje przestaja dzialac

Answer 1

let progresS = document.getElementsByClassName('progress');

to zwraca Ci tablicę, bo jest ElementS 

 

Więc albo tak: 

progresS[0].innerHTML

 

Albo skorzystać z jakiejś metody która zwróci Ci obiekt, na przykład 

document.querySelector('.progress');

 

I uważaj z tym nazewnictwem, upewnij się że nic nie pomieszałaś, bo raz używasz progress, a raz progresS

Comments

nic to nie dało :( ale dziękuję za pomoc

---

Czemu nie dało? Co konsola zwraca?