wesbos#10 my way

brandonjunus · brandonjunus · commit 7e53b0e61633 · 2019-01-10T10:51:20.000-08:00
diff --git a/10 - Hold Shift and Check Checkboxes/index-START.html b/10 - Hold Shift and Check Checkboxes/index-START.html
@@ -96,6 +96,43 @@
   </div>
 
 <script>
+  let checkBoxes = document.querySelectorAll('.inbox input');
+  let lastPressed
+  let toCheck = false;
+  checkBoxes.forEach(checkBox => checkBox.addEventListener('click', (e) => {
+    if (e.shiftKey && lastPressed) {
+      // console.log([...checkBoxes].indexOf(e.target));
+      if ([...checkBoxes].indexOf(e.target) > [...checkBoxes].indexOf(lastPressed)) {
+        for (let i = 0; i < checkBoxes.length; i++) {
+          if (!toCheck) {
+            if (checkBoxes[i] === lastPressed) {
+              toCheck = true
+            }
+          } else {
+            checkBoxes[i].checked = true;
+            if (checkBoxes[i] === e.target) {
+              toCheck = false;
+            }
+          }
+        }
+      } else {
+        for (let i = checkBoxes.length; i > 0; i--) {
+          if (!toCheck) {
+            if (checkBoxes[i] === lastPressed) {
+              toCheck = true
+            }
+          } else {
+            checkBoxes[i].checked = true;
+            if (checkBoxes[i] === e.target) {
+              toCheck = false;
+            }
+          }
+        }
+      }
+    } else {
+      lastPressed = e.target;
+    }
+  }))
 </script>
 </body>
 </html>
