ボタンクリックリスナーでテンプレートを呼び出してレンダリングする方法

Question

テンプレートをHTMLで作成しました。ボタンのクリックリスナーを使用して呼び出す必要があります。何か案が？ HTML

<template id="tem"> 
<p>hi </p> 
</template> 

Answer 1

const templateElement = document.getElementById("tem"); 
const templateCopy = document.importNode(templateElement.content, true); 
// insert 
document.body.appendChild(templateCopy);