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, «details», «dt» и «t» - переменные.

Моя проблема связана с кнопка «Удалить» (второй вход в строке).

Функция «удалить» должна получить две переменные - «dt» и «t». Это должно выглядеть примерно так:

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

Но похоже, что я делаю неправильно со знаками кавычек (', `,"). Я получаю ошибки при использовании функции.

Кто-нибудь может определить, где я здесь не так?

Answer 1

Вы можете использовать синтаксис 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})">`;

Answer 2

Подскажите, пожалуйста, какую ошибку вы получаете при использовании вышеуказанной функции?

На данный момент я вижу, что у вас есть дополнительные '; как показано ниже -

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