0

hace un tiempito empece con JS, y ahora estoy viendo eventos. Estoy intentando hacer un programa el cual cuando haga click en un boton el numero incremente en 1, pero no me estaria funcionando, les dejo el codigo.

    let contador = document.getElementById("counter");
let boton = document.getElementById("boton");

let numeroContador = 0;

function aumentarContador() {
    numeroContador++;
}

contador.textContent = numeroContador.toString();

boton.addEventListener("click", aumentarContador());

Esta de mas decir que las 2 etiquetas del html estan con sus respectivos ID

1 respuesta 1

0

suponiendo que tienes un input donde tienes el id counter. Deberias agregar el cambio en tu funcion aumentarContador()

function aumentarContador(){
  numeroContador++;
  contador.value = numeroContador
}

en caso de que sea un span, h1, h2, hn:

function aumentarContador(){
  numeroContador++;
  contador.innerHTML = numeroContador
}

Espero te sirva saludos.

3
  • El id counter, es un H1. Es el que va a mostrar los numeros Commented el 3 jul. 2023 a las 19:26
  • Con innerHTML funcionaria
    – DavElsanto
    Commented el 3 jul. 2023 a las 19:30
  • Ya lo resolvi, al contador.textcontent lo tenia fuera de la funcion, por ende cuando se ejecute la funcion el contador no va a ser modificado. Muchas gracias por tu ayuda y tu tiempo de todas formas. Commented el 3 jul. 2023 a las 19:36

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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