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;
};