05-cart-quantity.html

<!DOCTYPE html>
<html>
  <head>
      <title> Cart Quantity</title>
  </head>
  <body>
      <button onclick="
        console.log(`Cart Quantity: ${cartQuantity}`)
        ">
         Show Quantity
      </button>

      <button onclick="
      cartQuantity = cartQuantity+1;
      console.log(`Cart Quantity: ${cartQuantity}`)
      ">
         Add to Cart
      </button>

      <button onclick="
        cartQuantity = cartQuantity+ 2;
        console.log(`Cart Quantity: ${cartQuantity}`)
      ">
          +2 
        </button>

      <button onclick="
        cartQuantity = cartQuantity + 3;
      console.log(`Cart Quantity: ${cartQuantity}`)
      ">
         +3
      </button>

      <button onclick="
         cartQuantity = 0;
         console.log('Cart was reset.')
      console.log(`Cart Quantity: ${cartQuantity}`)
      ">
         Reset Cart
      </button>


      <script>
        let cartQuantity = 0;

      </script>

  </body>

</html>