Как убрать opacity: 0.3 с элемента после клика на картинку, а при повторном нажатии на картинку вернуть opacity: 0.3 элементу?

Question

[Alisa71]

Как убрать opacity: 0.3 с элемента после клика на картинку , а при повторном нажатии на картинку вернуть opacity: 0.3 элементу?

Comments

[Danny Arty]

какого элемента? картинка это что?

Answer 1

[Фин Дел]

этого хотели ?

Comments

[Danny Arty]

Рииииик!

[Alisa71]

Фин Дел Да, спасибо)

[Фин Дел]

Danny Arty, и Морти b-)

Answer 2

[Алексей Ярков]

https://jsfiddle.net/yarkov_aleksei/jrduws7h/

img {
  border: 1px solid #000000;
  opacity: 0.3
}

img.active {
  opacity: 1;
}

<img src="https://cs9.pikabu.ru/post_img/2020/10/24/5/1603519896153419851.jpg">

document.querySelectorAll('img').forEach(img => {
	img.addEventListener('click', (e) => {
  	e.target.classList.toggle('active')
  })
})