Подсказите пожалуйста, может я что-то делаю не так…
1 - я цель - перенести переменную photo на 2- ю строчку.
Казалось бы, что может быть проще CTRL + X, CTRL + V, но в каких бы то не было варициях я не выполнял, все равно подсвечивается красным, мол не верно.
А все остальные цели желтым.
Обидно…
var controls = document.querySelectorAll('.toggle-controls li');
var photo = document.querySelector(".photo"); /*<--inserted in line 2*/
for (var i = 0; i < controls.length; i++) {
controls[i].innerHTML = controls[i].dataset.filter;
}
function toggleFilter(filterName) {
for (var i = 0; i < controls.length; i++) {
controls[i].classList.remove('active');
photo.classList.remove(controls[i].dataset.filter);/*changed*/
}
var control = document.querySelector('li.' + filterName);
if (control) {
control.classList.add('active');
}
if (photo) {
photo.classList.add(filterName);
}
}
toggleFilter('toaster');
toggleFilter('walden');
toggleFilter('kelvin');