challenge wesbos#10

Author: komegi1215

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

@@ -97,6 +97,31 @@
   </div>
 
 <script>
+  const checkboxes = document.querySelectorAll('.inbox input[type = "checkbox"]');
+  console.log(checkboxes);
+
+  let lastChecked;
+
+  function handleCheck(e){
+  let inBetween = false;
+    if (e.shiftKey && this.checked){
+  // go ahead and do what we please
+    // loop over every single checkbox
+    checkboxes.forEach(checkbox => {
+      console.log(checkbox);
+      if (checkbox === this || checkbox === lastChecked) {
+        inBetween = !inBetween;
+        console.log('Starting to check them in between!');
+      }
+
+      if (inBetween) {
+        checkbox.checked = true;
+      }
+    });
+    }
+    lastChecked = this;
+  }
+  checkboxes.forEach(checkbox => checkbox.addEventListener('click', handleCheck));
 </script>
 </body>
 </html>