我做了一个价格框的模板,我希望每次我点击一个按钮时,页面上都会出现一个新的价格框。这只是我的模板的一个简单示例:
<div>
<h1> Product: {productName} </h1>
</div>
每次单击按钮时,我都会传递名称,此模板将显示在页面中。
我正在寻找,我看到了带有javascript和其他解决方案的模板标签,比如Mustache。哪种方法更好,可读性更好?
发布于 2018-06-02 07:07:38
我不太确定你在问什么,但是使用纯javascript会很简单。请看下面的代码片段:
function addProduct() {
const productName = document.querySelector('#productName').value;
productName ? document.querySelector('#products').innerHTML += `
<div><h1>Product: ${productName}</h1></div>
` : alert('Enter Product Name');
}
document.querySelector('#add').addEventListener('click', () => addProduct());
<input type="text" id="productName">
<button id="add">Add Product</button>
<div id="products"></div>
https://stackoverflow.com/questions/50651837
复制相似问题