如何使用javascript在ejs文件中添加按钮?

9gm1akwq  于 2023-01-01  发布在  Java
关注(0)|答案(1)|浏览(165)

所以我有一个包含8到10个元素的列表,最多,我想在某个ejs页面中添加一个按钮,这取决于我在列表中有多少项。例如:[“沙拉”,“西红柿”,“粘贴”]然后页面上会添加3个按钮等等...

app.post('wanttogo', function (req, res) {

});

以上是post函数,需要实现的是有没有像我在javascript中描述的那样,根据循环或其他东西动态添加一个按钮。提前感谢,
我对javascript知之甚少,我试着在谷歌上搜索我想要的东西,但结果模棱两可。

xqkwcwgp

xqkwcwgp1#

let buttons_from_post = ["Salad","Tomato","Paste"];
 
buttons_from_post.forEach(addBtn);



function addBtn(value, index, array) {
  let btn = document.createElement("button");
  btn.innerHTML = value;
  btn.onclick = function () {
    alert("Button is clicked");
  };
  document.body.appendChild(btn);
}

下面是这样做的一个示例

相关问题