Почему не работает onclick или querySelector?

Question

[fapchat]

for (let variable of querySelectorAll('.figure')) {
  variable.onclick = function(){
  querySelector('.figure .figure__hover-content').style.opacity = '1';
  };
}

Нужно, чтобы, когда я кликаю на картинку, она становилась непрозрачной и заменяла бэкраунд?Вот так работает

.figure:hover .figure__hover-content {
    opacity: 1;
  }

Comments

[Stockholm Syndrome]

откройте консоль и посмотрите на свою глупую ошибку

Answer 1

[Жук]

for (let variable of document.querySelectorAll('.figure')) {
variable.onclick = function(){
this.querySelector('.figure .figure__hover-content').style.opacity = '1';
};
}