向 HTML 中的按钮添加功能答案

【问题标题】：Adding functionality to a button in HTML向 HTML 中的按钮添加功能
【发布时间】：2023-03-15 17:47:01
【问题描述】：

我正在使用 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>

【问题讨论】：

我建议研究如何发出 AJAX 请求
你会用JQuery吗？你可以很容易地做到这一点。答案已经在这里，代码很少，因此很容易理解。 stackoverflow.com/questions/4701349/…

标签： python html django

【解决方案1】：

试试这个按钮的javaScript函数：

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

- 并为产品的数量制作一些元素（可能是文本字段？）。然后只需使用值（使用 Jvascript）。

【讨论】：

【解决方案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) ++; 
}

【讨论】：