Botones de incremento y decremento con Bootstrap y Javascript.
¿Cómo puedo hacer que este botón funcione?
Agregué esta línea de código JavaScript solo para verificar, pero también muestra una alerta sin siquiera hacer clic en los botones.
document.querySelector(".btnminus").addEventListener('onclick',alert("hello"));
<div class="quantity d-inline-block">
<input class="btn btnminus d-inline" type="button" value="-">
<input type="number" class="form-control d-inline itemnumber" value="0" aria-label="Username" aria-describedby="addon-wrapping">
<input class="btn btnminus d-inline" type="button" value="+">
</div>
davy.ai
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: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: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 invocaalert("hello")
sin esperar a que ocurra el evento escribiendo la invocación de la función directamente dentro del métodoaddEventListener ()
.