practice-time-shopping-list.../app.js

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;
}
}
});