From a92b5b13a6f0c20d9e9129a7d3edf96fff245108 Mon Sep 17 00:00:00 2001
From: "Michael D. Lowis" <mike@mdlowis.com>
Date: Tue, 31 Jul 2018 22:24:22 -0400
Subject: [PATCH] added helper function

---
 index.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 5686123..b40e220 100644
--- 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>
-- 
2.49.0