10th exercise done

Author: samdec11

10 - Hold Shift and Check Checkboxes/index-START.html

@@ -104,6 +104,29 @@
   </div>
 
 <script>
+  const checkboxes = document.querySelectorAll('input');
+  let lastCheck = 0;
+  let shifted = false;
+
+  function clickEm() {
+    const checkArray = Array.from(checkboxes);
+    const thisIndex = checkArray.indexOf(this);
+
+    if (shifted) {
+      const subset = checkArray.slice(lastCheck, thisIndex + 1);
+      subset.forEach(box => box.checked = this.checked);
+    }
+
+    lastCheck = thisIndex;
+  }
+
+  document.body.addEventListener('keydown', (e) => {
+    if (e.key === 'Shift') {
+      shifted = true;
+    }
+  });
+  document.body.addEventListener('keyup', () => shifted = false);
+  checkboxes.forEach(checkbox => checkbox.addEventListener('click', clickEm));
 </script>
 </body>
 </html>