Question

Hola que tal companeros, tengo un problemita a ver si me pueden ayudar.
Este es el codigo de una calculadora en la que estoy trabajando, el primer paso salio bien, los numeros se muestran en la pantalla cuando les doy click, pero el problema es que cuando le doy click a los numeros no cambios el cero por el numero que pulse, sino que se mueve y el cero siempre esta alli, deberia desaparecer y aparecer el numero en su lugar pero no, alguna idea?
Este es el codigo

var numero = 0;
var numeros = document.querySelectorAll("img");

  for (var i = 0; i < numeros.length; i++) {
    numeros[i].onclick = add;
  }
    function add(e) {
        e.stopPropagation()
        var pantalla = document.getElementById("display");
        var addigit = pantalla;
        numero = e.innerHTML;
        addigit.textContent += this.getAttribute("alt");

    }

Muchas gracias de antemano.

Answer 1

En esta parte del código lo que haces es concatenar el texto existente con el nuevo número pulsado:

addigit.textContent += this.getAttribute("alt");

El comportamiento es el mismo tanto si el contenido anterior es un "0" como cualquier otro, ¿por qué esperas que se comporte distinto?