Fala pessoal, to com uma dúvida básica aqui do seguinte. Estou criando uma calculadora em HTML, CSS e JS pra treinar o que aprendi até agora, só que para deixar o código mais limpo, quero usar o eventListener, segue mais detalhes:
O codigo abaixo, eh a parte HTML da calculadora
<div class="container">
<div class="calc">
<div class="res">0</div>
<div class="buttons">
<button class="btn span2 op">C</button>
<button class="btn op">←</button>
<button class="btn op">÷</button>
<button class="btn num">7</button>
<button class="btn num">8</button>
<button class="btn num">9</button>
<button class="btn op">x</button>
<button class="btn num">4</button>
<button class="btn num">5</button>
<button class="btn num">6</button>
<button class="btn op">-</button>
<button class="btn num">1</button>
<button class="btn num">2</button>
<button class="btn num">3</button>
<button class="btn op">+</button>
<button class="btn span2 num">0</button>
<button class="btn">,</button>
<button class="btn eq">=</button>
</div>
</div>
</div>
E eu queria selecionar apenas os botoes de numero que contem "num" na classe, pra executar uma determinada funcao, com o querySelector ele seleciona apenas o 1o botao, que seria o "7", e não to sacando direito como usar o querySelectorAll pra fazer isso, e eu possa colocar no eventListener. podem me dar uma luz ?