document.addEventListener("DOMContentLoaded", function () {
    const lista = []
    const form = document.querySelector("shopping-form");
    const itenInput = document.querySelector("shopping-form-item-input");
  const qualitityInput = document.querySelector(".shopping-form-quality-input");
  const incrementeButton = document.querySelector(".incremente-button");
  const decrementeButton = document.querySelector(".decremente-button");

  incrementeButton.addEventListener("click", incrementeQuantity);
  decrementeButton.addEventListener("click", decrementeQuantity);
  form.addEventListener("submit", addItemToList);

  function incrementeQuantity() {
    const currentValue = Number(qualitityInput.value);
    const newValue = currentValue + 1;

    qualitityInput.value = newValue;
  }

  function decrementeQuantity() {
     const currentValue = Number(qualitityInput.value);
    const newValue = currentValue - 1;
    
    if (newValue > 0) {
      qualitityInput.value = newValue;
    }
  }

function addItemToList(event){
    event.preventDefault();

    const itemName = event.target["item-name"].value;

    console.log(itemName);

}

});