Logowanie

Wyjaśnienie skryptu z JS30 challange

pytanie zadane 10 lutego 2020 w JavaScript przez Drezer73 Nowicjusz (220 p.)

Witam!

Czy potrafiłby ktoś rozjaśnić mi o co chodzi w tym fragmencie kodu. Dodam, że pochodzi on z 3 dnia wyzwania JS30

function handleUpdate() {
            const suffix = this.dataset.sizing || '';
            document.documentElement.style.setProperty(--${this.name}, this.value + suffix);
        }

        inputs.forEach(input => input.addEventListener('change', handleUpdate));

1 odpowiedź

odpowiedź 10 lutego 2020 przez ScriptyChris Mędrzec (190,190 p.)
wybrane 11 lutego 2020 przez Drezer73

Najlepsza

const suffix = this.dataset.sizing || '';

Utwórz "stałą" zmienną o nazwie suffix i przypisz jej wartość property this.dataset.sizing (pod warunkiem, że jest truthy) lub pusty string.

document.documentElement.style.setProperty(`--${this.name}`, this.value + suffix);

(w powyższym fragmencie "zjadłeś" syntax template stringa)

Głównemu elementowi strony (<html>) ustaw styl, którego nazwą jest wyjściowo zmienna używana w CSS, która tutaj powstaje z wartości property this.name (ten zaś pochodzi z atrybutu name elementu HTML, na którym odpalił się event listener) i ustaw mu wartość powstałą w wyniku konkatenacji this.value (pochodzi z atrybutu elementu HTML) i zmiennej suffix.

inputs.forEach(input => input.addEventListener('change', handleUpdate));

Iteruj po liście inputs i do każdego jej elementu podepnij event listener reagujący na zdarzenie change, który każdorazowo wywoła funkcję handleUpdate.

Podobne pytania

0 głosów

1 odpowiedź 142 wizyt

JavaScript: Problem podczas odpowiedzi.

pytanie zadane 21 kwietnia 2019 w JavaScript przez boexig Nowicjusz (120 p.)

0 głosów

0 odpowiedzi 283 wizyt

Proste zakładki z użyciem JavaScript - kliknięcie w aktywną zakładkę powoduje jej 'zaznaczenie' (biała kropkowana ramka)

pytanie zadane 17 czerwca 2019 w JavaScript przez MCT3000 Nowicjusz (240 p.)

0 głosów

0 odpowiedzi 100 wizyt

obsługa danych z serwera po stronie front-endu

pytanie zadane 19 września 2016 w JavaScript przez redstar1 Bywalec (2,200 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

Wyjaśnienie skryptu z JS30 challange

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci