HTML Templates

 HTML Templates

HTML templates allow you to define reusable sections of HTML that can be dynamically inserted into the document. Here's an example:

<template id="myTemplate">

  <h2>Template Content</h2>

  <p>This is some content inside the template.</p>

</template>

<button onclick="insertTemplate()">Insert Template</button>

<script>

  function insertTemplate() {

    const template = document.getElementById("myTemplate");

    const content = template.content.cloneNode(true);

    document.body.appendChild(content);

  }

</script>