Insert variable in a string quoteed with ` character

Question

I try to insert variable in a string who will be added in a row of a table

var newLetter = "hello";

var row = `
    <tr>
      <td  data-id="+newLetter+">"+newLetter+"</td>
      <td> <input class="" type="checkbox" name="comp"> </td>
      <td> <input class="" type="checkbox" name="flex"> </td>
      <td> <input class="" type="checkbox" name="abs"> </td>
    </tr>
    `;

document.getElementById("class1").insertRow(-1).innerHTML = row;

I create a basic example at http://jsfiddle.net/8kndew35/

Seem like variable value is not inserted.

score 1 · Accepted Answer · answered Jan 26 '19 at 00:23

Try template literals:

var row = `
<tr>
  <td  data-id="${newLetter}">${newLetter}</td>
  <td> <input class="" type="checkbox" name="comp"> </td>
  <td> <input class="" type="checkbox" name="flex"> </td>
  <td> <input class="" type="checkbox" name="abs"> </td>
</tr>
`;

score 1 · Answer 2 · answered Jan 26 '19 at 00:23

You need to use this format:

var row = `
    <tr>
      <td  data-id="${newLetter}">${newLetter}</td>
      <td> <input class="" type="checkbox" name="comp"> </td>
      <td> <input class="" type="checkbox" name="flex"> </td>
      <td> <input class="" type="checkbox" name="abs"> </td>
    </tr>
    `;

See Template literals.

Insert variable in a string quoteed with ` character

2 Answers2