change btn text depending on quantity

HectorVilas · Apr 26, 2023 · 29dc0b9 · 29dc0b9
1 parent 1fa4f57
commit 29dc0b9
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/modules/functions.js b/modules/functions.js
@@ -1,6 +1,6 @@
 export function addToCart() {
   const thisCard = this.closest('.shop-card');
-  const thisBtn = this;
+  const thisCardMainBtn = thisCard.querySelector('.shop-card-buy');
   const itemId = thisCard.dataset.itemId;
   const cart = document.querySelector('.nav-cart');
   const cartCount = document.querySelector('.nav-cart-count');
@@ -19,4 +19,11 @@ export function addToCart() {
     cart.style.backgroundImage = 'url(../media/images/icons/cart-active.png)';
     cartCount.style.backgroundColor = '#1F604A';
   };
+  if (newAmount === 0) {
+    thisCardMainBtn.textContent = 'Add to Cart';
+    thisCardMainBtn.removeAttribute('disabled', true);
+  } else {
+    thisCardMainBtn.textContent = `${newAmount} Item${newAmount > 1 ? 's' : ''} added`;
+    thisCardMainBtn.setAttribute('disabled', true);
+  }
 }