Question

Buen dia amigos, bueno la cuestion es que estoy haciendo una calculadora en javascript y la verdad que necesito ayuda. Mi pregunta seria especialmene para mostrar cada numero al que se le da click en la pantalla, la cosa es que las instrucciones dicen que no debo modificar el html y los numeros son imagenes asi que no se como hacer que al cliquear imagenes salga el valor que quiero. Bueno este es el codigo.

<div id="calculadoraFondo">
  <div class="pantalla">
    <span id="display">0</span>
  </div>

  <div class="teclado">
    <img src="image/ON.png" alt="On" class="tecla" id="on">
    <img src="image/sign.png" alt="signo" class="tecla" id="sign">
    <img src="image/raiz.png" alt="raiz" class="tecla" id="raiz">
    <img src="image/dividido.png" alt="dividido" class="tecla divide" id="dividido">

    <img src="image/7.png" alt="7" class="tecla" id="7">
    <img src="image/8.png" alt="8" class="tecla" id="8">
    <img src="image/9.png" alt="9" class="tecla" id="9">
    <img src="image/por.png" alt="por" class="tecla multiplica" id="por">

    <img src="image/4.png" alt="4" class="tecla" id="4">
    <img src="image/5.png" alt="5" class="tecla" id="5">
    <img src="image/6.png" alt="6" class="tecla" id="6">
    <img src="image/menos.png" alt="menos" class="tecla resta" id="menos">

    <div class="row">
      <div class="col1">
        <img src="image/1.png" alt="1" class="operaciones" id="1">
        <img src="image/2.png" alt="2" class="tecla" id="2">
        <img src="image/3.png" alt="3" class="tecla" id="3">

        <img src="image/0.png" alt="0" class="tecla" id="0">
        <img src="image/punto.png" alt="punto" class="tecla" id="punto">
        <img src="image/igual.png" alt="igual" class="tecla" id="igual">
      </div>
      <div class="col2">
        <img src="image/mas.png" alt="mas" class="tecla suma" id="mas">
      </div>

    </div>
  </div>
</div>

los numeros clickeados deberian aparecer en esta etiqueta:

 <div id="calculadoraFondo">
      <div class="pantalla">
        <span id="display">0</span>
 </div>

Lo unico que he podido hacer es capturar los valores con un ciclo for pero no se como mostrarlos en la pantalla.

var tecla = document.querySelectorAll("img");
var pantalla = document.querySelector("#display");
var numero = "";

for(var i = 0; i < tecla.length; i++){
    tecla[i].addEventListener("click", operaciones());
}

De verdad que les agradeceria en el alma que me hecharan la mano xd

Comments

En el evento click de las imágenes estás llamando a la función "operaciones".
Editá tu pregunta y poné el código de esta función, así sabemos cómo encaraste la solución y podemos seguir desde ahí.

---

la funcion no hace nada,no tiene nada adentro, no le he puesto nada, hasta ahi llegue, no se me ha ocurrido nada la verdad, estoy empezando en el mundo de la programacion y pues no se como proseguir la verdad.