在按钮onclick上运行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代码将检查每个输入并为您缝合一个URL。