Проблема с проверкой

Привет, в общем работает код, но при этом, что то идет не по плану. Просто сделал все верно, без костылей, с результатом беда, не понимаю, в чем дело. Вот скрин и код:


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

for (let pixel of pixels){
  pixel.onclick = function(){
    pixel.classList.add('clicked');
    if (pixel.classList.contains('clicked') !== eraser.checked){
      pixel.style.backgroundColor = list.value;
    }else {
      pixel.style.backgroundColor = 'white';
    }
  }
}

Полагаю, проверке не нравится лишний класс clicked. Попробуйте переписать код без него.