Tłumaczenie kodu - co powinien robić kod podanej funkcji?

Krakak

2015-01-27T22:00:15+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 26

Czy mógłby mi ktoś powiedzieć co ten kod powinien robić?

Kopiuj

var forms = document.querySelectorAll('form');
    var inputs = document.querySelectorAll('.form__content__input');
    var isFilledClass = 'is-filled'; 

    forms = Array.prototype.slice.call(forms);
    inputs = Array.prototype.slice.call(inputs);

    forms.forEach(function (form) {
        form.addEventListener('change', function (event) {
            var target = event.target;

            if (target.classList.contains('form__content__input')) {
                if (target.value !== '') {
                    target.classList.add(isFilledClass);
                } else {
                    target.classList.remove(isFilledClass);
                }
            }
        });
    });

dodanie znacznika <code class="javascript"> - @furious programming

szalonyfacet

2015-01-28T01:48:31+01:00

Rejestracja: dni
Ostatnio: dni
Lokalizacja: Dąbrowa Górnicza

nie wiem co powinien robic, ale wiem ze pobiera liste formularzy na stronie i dla kazdego z nich binduje zdarzenie change, czyli za kazdym razem jak zawartosc formularza sie zmieni to aktywuje sie sprawdzanie czy zmieniony element zawiera klase form__content__input jesli tak to sprawdza czy zawartosc tego pola jest pusta czy nie i wzgledem tego ustawia klase is-filled.

Garsc uwag: linijki z inputs sa zbedne w tym momencie, ale gdyby podmienic je za forms to iterowanie nastapiloby po polach a nie po formach i bindowanie byloby do konkretnych pol. pomogloby to wyrzucic ifa ze sprawdzanie czy dany element ma klase form__content__input no i .add i .remove mozna zastapic .toggle z parametrem, czyli calosc kodu skrocic (bez utraty czytelnosci) do:

Kopiuj

    var inputs = document.querySelectorAll('.form__content__input');
    var isFilledClass = 'is-filled'; 
    inputs = Array.prototype.slice.call(inputs);
 
    inputs.forEach(function (input) {
        input.addEventListener('change', function (event) {
            event.target.classList.toggle(isFilledClass, event.target.value !== "");
        });
    });