Динамические темы [17/17] Испытание 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() {
if (eraser.checked) {
pixel.style.backgroundColor = ‘white’;
} else {
pixel.style.backgroundColor = chosenColor.value;
}
}
}

Можно не проходить по всем пикселям в цикле, а сразу работать с тем, на который нажали.

var canvas = document.querySelector(’.canvas’);
var palette = document.querySelector(’.chosen-color’);
var eraser = document.querySelector(’#eraser-mode’);

canvas.addEventListener(‘click’, drawPixel);

function drawPixel(e) {
e.target.style.backgroundColor = (eraser.checked) ? ‘white’ : palette.value;
};

2 Симпатий