向HTML中的按钮添加功能

Question

我正在使用Python和Django框架为在线超市创建一个网页，并且对于每种产品都是“添加到购物车”选项。我要编写代码，以便在单击按钮时增加该产品的数量减1。

这是整个产品卡的代码：-

<h5 class="card-title">{{ product.name }}</h5>
<p class="card-text">{{ product.price }}</p>
<a href="#" class="btn btn-primary">Add to Cart</a>

Answer 1

尝试javaScript函数到此按钮：

  

<a href="#" class="btn btn-primary">Add to Cart</a>

- 并为产品的数量添加一些元素（可能是文本字段？）。 然后只需使用Jvascript来玩游戏。

Answer 2

您无需为此使用jQuery。

let btn = document.getElementsByClassName('btn-primary');
let qty = 1; //get your curent quantity here
btn[0].addEventListener('click', incrementCart(qty));

incrementCart = (qty) => {
  return parseInt(qty) ++; 
}