added helper function

diff --git a/index.html b/index.html
index 56861235ef7aa3a12d2d5b73528319a2b082a76f..b40e2209ff8197719129dc1f3ae6e2d462182eb4 100644 (file)
--- a/index.html
+++ b/index.html
@@ -155,8 +155,9 @@ h2 {
 
     <script>
 'use strict';
-//(() => {
+(() => {
     const childOf = (p,e) => e && (e === p || childOf(p, e.parentNode));
+    const elemsByClass = (n) => Array.from(document.getElementsByClassName(n));
 
     const drag_start = (ev) => {
         ev.target.id = "selected-card";
@@ -167,7 +168,7 @@ h2 {
     const drag_over = (ev) => {
         ev.preventDefault();
         ev.dataTransfer.dropEffect = "move";
-        Array.from(document.getElementsByClassName("drag-target")).forEach((e) => e.classList.remove("drag-target"));
+        elemsByClass("drag-target").forEach((e) => e.classList.remove("drag-target"));
         ev.target.classList.add("drag-target");
     }
 
@@ -175,7 +176,7 @@ h2 {
         ev.preventDefault();
         const tgt = ev.target;
         const data = document.getElementById(ev.dataTransfer.getData("text"));
-        Array.from(document.getElementsByClassName("drag-target")).forEach((e) => e.classList.remove("drag-target"));
+        elemsByClass("drag-target").forEach((e) => e.classList.remove("drag-target"));
         data.id = "";
         if (tgt.tagName === "H2") {
             tgt.parentNode.appendChild(data);
@@ -218,7 +219,7 @@ h2 {
         cards[i].ondragstart = drag_start;
         cards[i].draggable = true;
     }
-//})();
+})();
     </script>
 </body>
 </html>