在单击按钮时运行HTML代码

Question

我有一个网站上出售的特定项目的一段HTML代码。此代码包含物品所需的所有信息，包括标题、价格、尺寸、重量等。它还包含一个“添加到购物车”按钮。

我想做的是离开Wix，使用HTML5、CSS3和Bootstrap 4.1.1手工编写整个网站。我想使用与Wix中包含的相同的HTML代码片段，但没有按钮。我将创建我自己的Bootstrap按钮。

我的问题是，如何让代码在单击引导按钮时运行？

谢谢。

Answer 1

你想要的是JavaScript。无意吹毛求疵，但从技术上讲，HTML不是代码；它被认为是“标记”。要获得动态信息，您必须使用JavaScript。这可能需要比您意识到的更多的困惑。

var containerElement = document.querySelector('.container');
var buttonElement = document.querySelector('.button');
var populateContainer = function() {
  // do some stuff here
}
buttonElement.onclick = populateContainer;

您可能还需要一些后端语言的知识，如PHP，以帮助您建立自己的商店。对于初学者，我建议你研究一下WordPress，这样你就可以安装一个像WooCommerce这样的插件来为你处理这些事情。

Answer 2

我需要更多关于你到底想做什么的详细信息，但Javascript/jQuery是一种在点击按钮时动态生成链接的好方法。

假设您有来自用户的输入来获取特定的产品属性(颜色/大小/等等)。这样，当单击一个按钮时，jQuery代码将检查每个输入，并为您拼接一个网址。