Испытание: Пиксель арт

Курсы Знакомство с JavaScript
22

Моё обычное решение.

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

23

делегирование и тернарный оператор

const pixels = document.querySelector('.canvas');
const colorSetting = document.querySelector('.chosen-color');
const eraser = document.querySelector('.eraser');

pixels.addEventListener('click', (evt) => {
  eraser.checked ? evt.target.style.backgroundColor = 'white'
  : evt.target.style.backgroundColor = colorSetting.value
})