Javascript create DIV with var inside

Question

i would like to show to user Text with variable inside, is that possible somehow since im injecting innerHTML?

  const price = document.querySelector("div.basket div.price em").innerText
  const nettoprice = price * 0.77
  div.className = "alert";
  div.innerHTML = "<div class="netto-print">
    Netto Price: $nettoprice
  </div>";

  document.body.append(div);

Josep Vidal · Accepted Answer · 2021-04-08 10:38:50Z

2

Yes, you can use template literals:

  div.innerHTML = `<div class="netto-print">
    Netto Price: ${nettoprice}
  </div>`;

For more information about how to handle texts check Handling text by MDM.

answered Apr 8, 2021 at 10:38

Josep Vidal

2,7012 gold badges19 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mousetail · Accepted Answer · 2021-04-08 10:38:08Z

0

You can solve this with backtick strings:

function escapeHTML(str){
    return new Option(str).innerHTML;
}

div.innerHTML = `<div>${escapeHTML(price)}</div>`

answered Apr 8, 2021 at 10:38

mousetail

8,1696 gold badges31 silver badges53 bronze badges

Collectives™ on Stack Overflow

Javascript create DIV with var inside

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related