0

Me encuentro haciendo una práctica sobre una calculadora, y me encuentro con el problema de que al dar reset bueno borrar, pero al dar de vuelta click los numeros aparecen de nuevo, alguien sabe la razón por la que pasa eso?

const  getValueButton = () => { 
    let data = '';
    let items = document.getElementsByClassName('button');
    for (let i=0;i<items.length;i++) {
      items[i].addEventListener('click', e=> {
        data  += items[i].value
        setValueInScreen(data)
      })
    }
    
  }
  
  const setValueInScreen = (data) => {
    let screen = document.getElementsByClassName('screen-value')[0];
    screen.innerHTML = data
  }

  const clearValueInScreen = () => {
    let clear = document.getElementById('reset');
    clear.addEventListener('click', e=> {
      let screen = document.getElementsByClassName('screen-value')[0];
      screen += screen.innerHTML = ''
    })
  }
1
  • Con screen += estás agregando a lo que ya existe a screen. Probaste con screen.innerHTML = ' ' ? el 11 nov. 2022 a las 2:06

1 respuesta 1

0

En la primera función, "data" conserva el valor de la cadena. Aunque la limpies del innerHTML sigue en data y cuando vuelves a presionar un boton concatena las variables anteriores que ahí quedaron guardadas. Deberías cambiar el scope de "data" y limpiarlo en ClearValueInScreen

3
  • Efectivamente esa era la solución, limpie data en ClearValueInScreen con toda la logica mundo. el 11 nov. 2022 a las 2:31
  • @julianontiveros No olvides aceptar la respuesta si te fue util para resolver el problema.
    – David081
    el 11 nov. 2022 a las 11:25
  • Una disculpa, es que creo que soy novato y no me deja hasta llegar a cierto nivel el 13 nov. 2022 a las 4:14

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.