Динамические темы [17/17] Испытание 100%

[Dani]

Если не менять chosenColor (то есть не выбирать другой цвет) то не будут срабатывать следующие инструкции

[Dani]

Вот код, проходит на 100% без ошибок и проблем

let drawColor = document.querySelector(".chosen-color");
let eraser = document.querySelector(".eraser");
let pixels = document.querySelectorAll(".pixel");

drawColor.onchange = function() {};     //обновление цвета

for (let pixel of pixels) {
  pixel.onclick = function() {
    if (eraser.checked) {
      pixel.style.backgroundColor = "white";
    } else {
      pixel.style.backgroundColor = drawColor.value;
    };
  };
};

[AMGZ]

let pixels = document.querySelectorAll('.pixel');
let colors = document.querySelector('.chosen-color');
let lastik = document.querySelector('.eraser');

pixels.forEach(pixel=>pixel.onclick = ()=>
!lastik.checked
? pixel.style.backgroundColor =  colors.value
:pixel.style.backgroundColor = 'white');

[Lidia]

Форумчане, где тут исправить в коде?
пиксели закрашиваются, но ответ система не принимает, хотя картинки совпадают “Ожидание\реальность”
let pixels = document.querySelectorAll(’.pixel’);
let colorSetting = document.querySelector(’.chosen-color’);
let eraser= document.querySelector(’.eraser’);
for (let pixel of pixels )

pixel.onclick = function () {

if (eraser.checked )
{
pixel.style.background = ‘white’;

}
else {
pixel.style.background=colorSetting.value;
}
};

[Mike_monday]

Результат 100% коротко и все работает!``

let pixels = document.querySelectorAll('.pixel');
let chosenColor = document.querySelector('.chosen-color');
let eraser = document.querySelector('.eraser');

for (let pixel of pixels) {
  pixel.onclick = function () {
    pixel.style.backgroundColor = chosenColor.value;
    if (eraser.checked) {
      pixel.style.backgroundColor = 'white';
      };
    };
  };

[Vasilii]

@vchpro

let pixel = document.querySelectorAll('.pixel');
let eraser = document.querySelector('.eraser');
let chosencolor = document.querySelector('.chosen-color');
for(let p of pixel) {
  p.onclick = function() {
if(eraser.checked) {
  p.style.backgroundColor='white';
}
else {
  p.style.backgroundColor=chosencolor.value;
}
  }
}

у меня, почему то не проходит это вариант, пишет тест первый, красим первый пиксель. и все больше ни чего не происходит.

[Siarhei_15]

Та же проблема, вручном режиме вроде бы работает, потом пишет первый тест и…все.
Подскажите, кто знает, в чем проблема и как ее решить?

let pixels = document.querySelectorAll(’.pixel’);
let eraser = document.querySelector(’.eraser’);
let chosenColor = document.querySelector(’.chosen-color’);

for (let pixel of pixels) {
pixel.onclick = function() {
if (eraser.checked) {
pixel.style.backgroundColor = ‘white’;
} else {
pixel.style.backgroundColor = chosenColor.value;
}
}
};

[Yojimbo550]

Решение корректное , но проверку не проходит,помогите

let pixels = document.querySelectorAll(’.pixel’);
let colorList = document.querySelector(’.chosen-color’);
let lastic = document.querySelector(’.eraser’);

for (let pixel of pixels) {
pixel.onclick = function () {
pixel.style.backgroundColor = colorList.value;
if (lastic.checked) {
pixel.style.backgroundColor = ‘white’;
};
};
};

[vladimir_plahov]

Попробуй в мазилле 100% пройдет))