Javascript-使用字符串创建输入按钮-调用函数onclick时出现问题

Question

我正在尝试使用字符串创建一个输入按钮，并将其插入到div中。

我的按钮应该包括一个名为onclick的函数。这就是我写代码行的方式：

document.getElementById("dialog").innerHTML = '<p>'+details+'</p> <br> <input type="button" value="Edit" onclick="edit(`'+dt+'`)"> <input type="button" value="Remove" onclick="remove(`'+dt+'`,'+t+')">';

"dialog"是div id，"details"、"dt"one_answers"t"是变量。

我的问题是"删除"按钮(行上的第二个输入(。

"remove"函数应该得到两个变量——"dt"one_answers"t"。它需要看起来像这样：

<input type="button" value="Remove" onclick="remove(dt,t)">

但我似乎用引号('，'，"(做得不对。我在使用该函数时出错。

有人能认出我错在哪里吗？

Answer 1

您能分享一下在使用上述函数时遇到的错误吗？

截至目前，我可以看到你有额外的'；如下所示-

<input type="button" value="Remove" onclick="remove(`'+dt+'`,'+t+')">';

Answer 2

您可以使用backtick(`(和${}语法将内联变量插入字符串：

document.getElementById("dialog").innerHTML = `
<p>${details}</p> 
<br>
<input type="button" value="Edit" onclick="edit(${dt})"> 
<input type="button" value="Remove" onclick="remove(${dt},${t})">`;