etiqueta HTML:
<div class="display"> <p class="display-1">0</p> <p class="display-2">0</p> <p class="temp-result">0</p> </div> <div class="telo"> <div class="button all-clear">C</div> <div class="button last-entity-clear">CE</div> <div class="button operation">%</div> <div class="button operation">/</div> <div class="button number">7</div> <div class="button number">8</div> <div class="button number">9</div> <div class="button operation">X</div> <div class="button number">4</div> <div class="button number">5</div> <div class="button number">6</div> <div class="button operation">-</div> <div class="button number">1</div> <div class="button number">2</div> <div class="button number">3</div> <div class="button operation">+</div> <div class="button number btn-0">0</div> <div class="button number dot">.</div> <div class="button equal">=</div> </div> </div>1 : https://i.stack.imgur.com/ZFV1C.png <===
Y dice que es un problema en la línea 16 'en JavaScript, que los números. para cada uno no es una función ...
Empecé a aprender JS, pero no sé por qué en cada proyecto fácil necesito tener problemas como este, que una función no funciona.
Según la documentación de MDN https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll
el uso de querySelectorAll devolverá todos los elementos que coincidan con lo que necesita
const numbersE1=document.querySelectorAll('.number')Entonces el uso adecuado debe ser el anterior.