javascript - 模板横向 onClick 和 forEach

Question

我有一个包含人名的数组。我想使用这个数组来循环遍历数组中的每个人并制作一个带有名称的按钮。然后该按钮将转到console.log该人的姓名。这里的问题是我认为我不能在模板字符串横向使用 onClick。

这是它的样子。

let content = document.getElementById("content")
var array = ["John", "Adam", "Sid", "Edward"]

array.forEach(element => {

  function runEvent() {
    console.log(element)
  }
  content.innerHTML += `<button onclick="runEvent()">${element}</button>`
})

<div id="content">
</div>

我该怎么做呢？

标签： javascripthtml

Answer 1

我们开始吧，只需将事件本身添加到按钮 onclick 事件中检查代码段

let content = document.getElementById("content")
var array = ["John", "Adam", "Sid", "Edward"]

array.forEach(element => {

  content.innerHTML += `<button onclick="console.log('${element}')">${element}</button>`
})

<div id="content">
</div>