HTML A simple code example of the <template> tag at PNLdev

Run
<!DOCTYPE html>
<html>
  <head>
    <title>Button Example</title>
    <style>
      body {
        font-family: Arial, sans-serif;
      }
    </style>
  </head>
  <body>
    <h1>template Example</h1>

    <button id="showTextButton">Show Text</button>

    <template id="textTemplate">
      <div>
        <p>This is the hidden text.</p>
      </div>
    </template>

    <script>
        
      document.getElementById('showTextButton').addEventListener('click', function() {
   
        var templateContent = document.getElementById('textTemplate').innerHTML;

        var newDiv = document.createElement('div');

        newDiv.innerHTML = templateContent;


        document.body.appendChild(newDiv);
      });
    </script>

  </body>
</html>