@@ -104,6 +104,33 @@
   </div>
 
 <script>
+
+const checkboxes = document.querySelectorAll('.inbox input[type = "checkbox"]');
+
+let lastChecked
+
+function handleCheck(e) {
+  let inBetween = false;
+  // check if the have the shift key down.
+  // AND check if they are checking the box.
+  if (e.shiftKey && this.checked) {
+    //Loop over every single checkbox.
+    checkboxes.forEach(checkbox => {
+      if (checkbox === this || checkbox === lastChecked){
+        inBetween = !inBetween;
+      }
+      if (inBetween) {
+        checkbox.checked = true;
+      }
+
+    })
+  }
+ lastChecked = this;
+}
+
+
+checkboxes.forEach(checkbox => checkbox.addEventListener('click', handleCheck));
+
 </script>
 </body>
 </html>