code added for checkboxes

Nikki Byrne · Nikki Byrne · commit 88b1672a0c91 · 2017-07-06T16:11:38.000+01:00
diff --git a/10 - Hold Shift and Check Checkboxes/index-START.html b/10 - Hold Shift and Check Checkboxes/index-START.html
@@ -9,7 +9,7 @@
 
     html {
       font-family: sans-serif;
-      background:#ffc600;
+      //background:#ffc600;
     }
 
     .inbox {
@@ -99,6 +99,37 @@
   </div>
 
 <script>
+  // Check if they had the shift key down
+  // AND check that they are checking it
+
+  const checkboxes = document.querySelectorAll('.inbox input[type="checkbox"');
+  let lastChecked;
+
+
+  function checkedInput(e){
+    let inBetween = false;
+    if (e.shiftKey && this.checked) {
+      //console.log('this has been checked');
+      checkboxes.forEach(checkbox => {
+        console.log(checkbox);
+        if(checkbox === this || checkbox === lastChecked) {
+          inBetween = !inBetween;
+          console.log('this is last');
+        }
+        if(inBetween) {
+          checkbox.checked = true;
+        }
+
+      });
+    } 
+    lastChecked = this;
+  }
+
+  checkboxes.forEach(function(checkbox) {
+    checkbox.addEventListener('click', checkedInput);
+  });
+  
+  
 </script>
 </body>
 </html>
