Replace <div> placeholder with <template>

<template> is more semantically correct and won't be confused for actual content.

diff --git a/index.html b/index.html
index 8548f5de6a15acea63ccf9c350d06a7c0c94ce5a..aa1fc7ece86b989e293d979958f31dcddcfc5377 100644 (file)
--- a/index.html
+++ b/index.html
@@ -256,7 +256,7 @@
       e.preventDefault();
       const encrypted = document.querySelector('#ciphertext').textContent;
       const scriptInjection = `<script>const content = '${encrypted}'; ${decrypt.toString()}<\/script>`;
-      const output = template.replace('<div>SCRIPT INJECTION</div>', scriptInjection);
+      const output = template.replace('<template id="script-injection"></template>', scriptInjection);
       downloadHtml(output, `${Date.now()}.html`);
     })
 

diff --git a/template.html b/template.html
index 95dc4b76584bb75b532175dcce6db9fbf5a42ded..a896ad35f23ade81a62ab9274cd1dc0ec30c0a66 100644 (file)
--- a/template.html
+++ b/template.html
@@ -54,7 +54,7 @@
     </form>
   </main>
 
-  <div>SCRIPT INJECTION</div>
+  <template id="script-injection"></template>
   <script>
     const input = document.querySelector('input');