entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

3votos

Haciendo una calculadora con JavaScript

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

Leonardo-Tadei comentado Jun 13

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í.

africanus1989 comentado Jun 13

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.

Por favor, accede o regístrate para responder a esta pregunta.

¿Conoces alguien que puede responder?
¡Comparte esta pregunta!


Actividad Reciente

¿Eres Usuario Apple?

...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta