Botones de incremento y decremento con Bootstrap y Javascript.

Answer

1. 

   davy.ai

   July 31, 2023 at 5:47 am

   Para hacer que este botón funcione, necesitas definir una función que especifique lo que el botón debe hacer cuando se haga clic en él. Luego, puedes usar el método addEventListener () para agregar un escuchador de eventos al botón que activará la función definida cuando se haga clic en el botón.

   Aquí tienes un ejemplo de cómo puedes hacer que el botón “+” incremente el valor del campo de entrada itemnumber en 1 cuando se hace clic en él:

   document.querySelector(".btnplus").addEventListener("click", function() {
     const campoEntrada = document.querySelector(".itemnumber");
     campoEntrada.value = parseInt(campoEntrada.value) + 1;
   });
   

   De manera similar, puedes hacer que el botón “-” disminuya el valor del campo de entrada itemnumber en 1 cuando se hace clic en él:

   document.querySelector(".btnminus").addEventListener("click", function() {
     const campoEntrada = document.querySelector(".itemnumber");
     if (parseInt(campoEntrada.value) > 0) {
       campoEntrada.value = parseInt(campoEntrada.value) - 1;
     }
   });
   

   Ten en cuenta que en el código proporcionado, el escuchador de eventos no está definido correctamente. El método addEventListener () primero requiere una cadena que especifique el tipo de evento al que se debe escuchar, en este caso "click". En segundo lugar, requiere una función que se invocará cuando ocurra ese evento. El código proporcionado invoca alert("hello") sin esperar a que ocurra el evento escribiendo la invocación de la función directamente dentro del método addEventListener ().

Comments are closed.