Как я могу передать в Dynami c аргументы с литералами шаблона?

Question

У меня есть очень простой код

function createAnswerElement(answer, index) {
  const key = `${answer}-${index}`;

  return `
    <p class="delete" onclick=someSillyFunc(${key})>x</p>
    `;
}

function someSillyFunc(key) {
  console.log(key);
}

"Тег p" добавляется в div. Если я нажимаю на «p-тэг» без параметров или с жестко заданными параметрами, это работает просто отлично. Проблема в том, когда я пытаюсь использовать литералы шаблона для динамической передачи ключа переменной в функцию. После этого я постоянно получаю сообщение об ошибке в консоли «Uncaught SyntaxError: missing) после списка аргументов».

Я пытался обернуть переменную ключа в кавычки и всякие другие вещи, но не могу заставить это работать. Чего мне не хватает?

Answer 1

Вы забыли обернуть функцию вокруг "" в onclick

return `
    <p class="delete" onclick="someSillyFunc(${key})">x</p>
    `;