attempt range clicker

dvdrtrgn · dvdrtrgn · commit 1d6493759a5a · 2016-12-20T09:08:00.000-06:00
diff --git a/10 - Hold Shift and Check Checkboxes/index-START.html b/10 - Hold Shift and Check Checkboxes/index-START.html
@@ -104,6 +104,39 @@
   </div>
 
 <script>
+var Api = (function () {
+  var $ = (sel) => Array.from(document.querySelectorAll(sel));
+  var boxlist = $('.item input');
+  var indexes = {};
+  var self;
+
+  function reverser(bool) {
+    var [start, end] = [indexes.last, indexes.this].sort();
+    var arr = boxlist.slice(start, end + 1);
+    arr.forEach(el => el.checked = bool);
+  }
+
+  function updateLast(evt, num) {
+    indexes.last = evt.shiftKey ? indexes.this : num;
+    indexes.this = num;
+    reverser(evt.target.checked);
+  }
+
+  function doBinding(arr) {
+    arr.forEach((ele, idx) => {
+      ele.addEventListener('click', (evt) => updateLast(evt, idx));
+    });
+    return self;
+  }
+
+  self = {
+    init: doBinding,
+    boxlist, indexes,
+  };
+
+  return self.init(boxlist);
+}());
+
 </script>
 </body>
 </html>
