• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

to do click obliczanie postępu pracy

0 głosów
87 wizyt
pytanie zadane 28 sierpnia 2019 w JavaScript przez MAgda.js Nowicjusz (120 p.)

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

komentarz 28 sierpnia 2019 przez Kamil Łydka Stary wyjadacz (13,810 p.)
a jakie jest pytanie?
komentarz 28 sierpnia 2019 przez MAgda.js Nowicjusz (120 p.)
Nie liczy, a w dodatku wczesniejsze funkcje przestaja dzialac

1 odpowiedź

0 głosów
odpowiedź 28 sierpnia 2019 przez Kamil Łydka Stary wyjadacz (13,810 p.)
let progresS = document.getElementsByClassName('progress');

to zwraca Ci tablicę, bo jest Element

 

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

komentarz 28 sierpnia 2019 przez MAgda.js Nowicjusz (120 p.)
nic to nie dało :( ale dziękuję za pomoc
komentarz 28 sierpnia 2019 przez Kamil Łydka Stary wyjadacz (13,810 p.)
Czemu nie dało? Co konsola zwraca?

Podobne pytania

0 głosów
2 odpowiedzi 95 wizyt
pytanie zadane 22 maja 2020 w JavaScript przez rob Bywalec (2,440 p.)
+5 głosów
3 odpowiedzi 122 wizyt
0 głosów
1 odpowiedź 62 wizyt
pytanie zadane 17 listopada 2020 w JavaScript przez Bartek12 Mądrala (5,470 p.)
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

85,728 zapytań

134,512 odpowiedzi

298,568 komentarzy

56,635 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...