Dlaczego nie działa mi kod? Porównanie

0

Witam, jak wyciągnać value z tabeli i porównac z aktualnym dniem?
https://jsfiddle.net/mow39hfj/

0

Co robi "querySelectorAll"? Pobiera kolekcję elementów.

Żeby odczytać zawartość pierwszej z nich potrzebujesz:

komorki = document.querySelectorAll('#tableDate td');
zawartosc=komorki[0].innerHTML;

Nie możesz porównać całej kolekcji z pojedynczą wartością. Musisz zrobić to w pętli dla wszystkich osobno, a do tego potrzebujesz ich liczby:

komorki_ile=komorki.length; 

p.s. A tych pytań to aby jakiś admin nie zadaje inkoguto jako Krzywy Ogórek i inne Skórzane Skrzypce, żeby towarzystwo rozruszać?

0

Nie zdefiniowałeś: currentDay = utData.getDate();
Za robieniem ze wszystkich zmiennych const stoi jakaś głębsza idea, czy po prostu taki lans?

0

Zdefiniowałem, tylko źle link wkleiłem :)
https://jsfiddle.net/b2rdLpz8/2/

Robione na szybko dlatego.

0

Niestety wciąż nie działa. Co jest tego przyczyną?

0

Zamień:

const takeDate = document.querySelector('#date');

na:

const takeDate = document.getElementById('date');

Żeby to zadziałało, musisz odpalić skrypt, kiedy tabela, na której ma on pracować, będzie już wczytana.
Zatem albo wklej go na końcu ciała strony, albo opakuj w funkcję, a wywołanie wklej pod koniec strony bądź podepnij pod onload.

0

skrypt jest na końcu strony.
Co ciekawe, zauważyłem, że jeśli dzień np jest (14) to podświetli cały wiersz, ale np mamy dziś 15 to już nie podświetla. Podświetla co dwa wiersze.

  const currentDay = (utData.getDate()-1);

Przykład
Tu poświetla (14)
https://jsfiddle.net/b2rdLpz8/9/

(13)
tu juz nie https://jsfiddle.net/b2rdLpz8/11/

Tu mamy (6) i podświetla
https://jsfiddle.net/b2rdLpz8/15/

0

Nie chce mi się tego dalej tropić.
Wyświetlaj sobie porównywane wartości w console.log() i analizuj, co ci się tam dzieje.

0

Z tego co widzę, to nie czyta nieparzystych wierzy (id: 1.3.5.7 itd)

0

Problemem jest to, że któraś z klas tabeli wymusza kolor tła nieparzystych wierszy. Jeśli chcesz wymusić czerwony to dodaj !important do właściwości background: red w swoim stylu

0

Faktycznie to było to ( klasa table-striped). Temat uważam za rozwiązany. Dzięki wielkie za pomoc.

1 użytkowników online, w tym zalogowanych: 0, gości: 1