create starter and finished files for video 83

Author: Asjas

exercises/83 - Security/nasty-FINISHED.js

@@ -0,0 +1,21 @@
+import { sanitize } from "dompurify";
+
+const input = document.querySelector('[name="input"]');
+const output = document.querySelector(".output");
+const buttons = document.querySelectorAll("nav button");
+input.addEventListener("input", () => {
+  const clean = sanitize(input.value, {
+    FORBID_ATTR: ["width", "height", "style"],
+    FORBID_TAGS: ["style"],
+  });
+  output.innerHTML = clean.replace(/\n/g, "<br>");
+});
+
+// trigger an input even on page load
+input.dispatchEvent(new Event("input"));
+
+buttons.forEach((button) =>
+  button.addEventListener("click", (e) => {
+    alert(e.currentTarget.textContent);
+  })
+);

exercises/83 - Security/nasty.js

@@ -4,11 +4,7 @@ const input = document.querySelector('[name="input"]');
 const output = document.querySelector('.output');
 const buttons = document.querySelectorAll('nav button');
 input.addEventListener('input', () => {
-  const clean = sanitize(input.value, {
-    FORBID_ATTR: ['width', 'height', 'style'],
-    FORBID_TAGS: ['style'],
-  });
-  output.innerHTML = clean.replace(/\n/g, '<br>');
+  output.innerHTML = input.value.replace(/\n/g, '<br>');
 });
 
 // trigger an input even on page load