Как поместить созданный блок внутрь HTML кода в return?

Question

[Айнур Ярулин]

Здравствуйте, как можно поместить блок внутрь HTML кода, который возвращает return
Вот, что я имею ввиду:

body.innerHTML = renderTemplate()


function renderTemplate() {
  const div = document.createElement("div")
  div.textContent = "Очень важный блок"

  return `
    <main class="container">
      ${div} <!-- и вот сюда нужно вставить этот блок -->
      <div>Какая-то другая разметка</div>
    </main>
  `
}

И вот как поместить этот созданный div внутри шаблона, который еще не создан?

Codepen: https://codepen.io/squadcoder/pen/jOVzPjx?editors=0010

Answer 1

[generate]

document.body.innerHTML = renderTemplate();


function renderTemplate() {
  const div = document.createElement("div")
  div.textContent = "Очень важный блок"

  return '<main class="container">'+ div.outerHTML +'<div>Какая-то другая разметка</div></main>';
}

Comments

[Айнур Ярулин]

Спасибо ❤

[WbICHA]

2021. Сложение строк. Ты бы ещё вары использовал.