Почему код внутри return 'script' – не работает?

Question

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

Здравствуйте, можно ли как-то сделать так, чтобы код внутри тега скрипт, который внутри return работал?

body.innerHTML = renderTemplate()

function renderTemplate() {
 
  return `
    <main>
      <чтонибудь></чтонибудь>
      <script>
        console.log("Почему код вот тут не работает?")
      </script> 
    </main>
  `
}

Answer 1

[Алексей Ярков]

function renderTemplate() {
  const unsafeHTML = document.createRange().createContextualFragment(`
    <main>
      <b>Bold text</b>
      <script>
        console.log("text")
      </script> 
    </main>
  `);

  return unsafeHTML;
}

document.body.appendChild(renderTemplate());

Comments

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

Блин, как я понял с innerHTML это работать не будет, просто у меня по заданию,
функция должна возвращать именно строку с HTML кодом