Как заставить JS обрабатывать функции для всех блоков с заданным классом?

[GTX14]

block.onclick = function() {
	block.classList.add("animation");
	block.style.opacity = "0.8";
	block__image.style.display = "none";
	description.style.display = "block";
}

По идее, все должно работать так, но: JS считает, что следует выполнять функцию только с первым встретившимися элементами с этим классом, т.е. оригиналами. Как заставить JS обрабатывать события для всех элементов с заданным классом, а не только для "первого встречного"?

[Safort]

Собери все элементы с помощью

document.querySelectorAll('.className')

и в цикле на каждый из них повесь обработчик.