forked from M3-Academy/practice-time-shopping-list
25 lines
871 B
JavaScript
25 lines
871 B
JavaScript
document.addEventListener("DOMContentLoaded", function() {
|
|
const quantityInput = document.querySelector(".shopping-form-quantity-input");
|
|
const incrementButton = document.querySelector(".shopping-form-increment-button");
|
|
const decrementButton = document.querySelector(".shopping-form-decrement-button");
|
|
|
|
incrementButton.addEventListener("click", incrementQuantity);
|
|
decrementButton.addEventListener("click", decrementQuantity);
|
|
|
|
function incrementQuantity() {
|
|
const currentValue = Number(quantityInput.value);
|
|
const newValue = currentValue + 1;
|
|
|
|
quantityInput.value = newValue;
|
|
}
|
|
|
|
function decrementQuantity() {
|
|
const currentValue = Number(quantityInput.value);
|
|
const newValue = currentValue - 1;
|
|
|
|
if (newValue > 0) {
|
|
quantityInput.value = newValue;
|
|
}
|
|
|
|
}
|
|
}); |