“var controls = document.querySelectorAll(’.toggle-controls li’);
for (var i = 0; i < controls.length; i++) {
controls[i].innerHTML = ‘переключатель’;
}”
Что значит эта строчка?
for (var i = 0; i < controls.length; i++) {
controls[i].innerHTML = ‘переключатель’;
}
Не понимаю, что значит i, control.length; i++, и controls[i], соответственно
Объявлена переменная. Поскольку используется метод .querySelectorAll, в переменную попали все li. В одной переменной находится список из li (NodeList).
Это цикл перебора всех li внутри .toggle-controls. i - это счетчик. Счетчику установлено начальное значение - ноль. controls.length - это длина списка (можете для простоты подразумевать количество элементов li в этом списке, хотя счет начинается не с единицы, а с нуля). i++ увеличивает значение счетчика на единицу.
controls[i] обозначает элемент списка по индексу (по порядку), вместо i подставляется порядковый номер элемента li.
Метод .innerHTML обозначает внутреннее содержимое элемента (в данном случае содержимое тега li). То есть каждому элементу li в качестве содержимого записывается слово “переключатель”. Получается так: <li> переключатель </li>