From 5f3cd02c6c827fb725d2c24c88898352e156d857 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Wed, 22 Jul 2020 13:39:59 -0400
Subject: [PATCH] start/stop with spacebar

---
 app.js | 41 +++++++++++++++++++++++++++--------------
 1 file changed, 27 insertions(+), 14 deletions(-)

diff --git a/app.js b/app.js
index 7b47a51..d962ddb 100644
--- a/app.js
+++ b/app.js
@@ -5,7 +5,6 @@
 MVP
 
 - display how many 5/10min blocks have passed
-- start/stop with spacebar
 - don't confirm close if time displayed is 0
 - set alarm for after certain times have passed
 - cleanup
@@ -53,16 +52,7 @@ const displayTime = () => {
     document.querySelector('code').innerHTML = formatSeconds(totalSeconds);
 }
 
-const updateSavedPreviousSeconds = () => {
-    savedPreviousSeconds += getAccumulatedSeconds(Date.now(), startTime);
-}
-
-document.querySelector('code').innerHTML = formatSeconds(savedPreviousSeconds);
-if(savedPreviousSeconds !== 0){
-    document.querySelector('#reset').disabled=false;
-}
-
-document.querySelector('#start').addEventListener('click', (event) => {
+const start = (event) => {
     startTime = Date.now();
     running = true;
     document.querySelector('body').classList.add('running');
@@ -70,9 +60,9 @@ document.querySelector('#start').addEventListener('click', (event) => {
     document.querySelector('#stop').disabled=false;
     document.querySelector('#reset').disabled=true;
     windowInterval = window.setInterval(displayTime,1000)
-})
+};
 
-document.querySelector('#stop').addEventListener('click', (event) => {
+const stop = (event) => {
     updateSavedPreviousSeconds();
     running = false;
     document.querySelector('body').classList.remove('running');
@@ -80,7 +70,20 @@ document.querySelector('#stop').addEventListener('click', (event) => {
     document.querySelector('#stop').disabled=true;
     document.querySelector('#reset').disabled=false;
     window.clearInterval(windowInterval)
-})
+};
+
+const updateSavedPreviousSeconds = () => {
+    savedPreviousSeconds += getAccumulatedSeconds(Date.now(), startTime);
+}
+
+document.querySelector('code').innerHTML = formatSeconds(savedPreviousSeconds);
+if(savedPreviousSeconds !== 0){
+    document.querySelector('#reset').disabled=false;
+}
+
+document.querySelector('#start').addEventListener('click', start)
+
+document.querySelector('#stop').addEventListener('click', stop)
 
 document.querySelector('#reset').addEventListener('click', (event) => {
     savedPreviousSeconds = 0;
@@ -88,6 +91,16 @@ document.querySelector('#reset').addEventListener('click', (event) => {
     document.querySelector('#reset').disabled=true;
 })
 
+document.querySelector('body').addEventListener('keyup', (event) => {
+    if(event.keyCode === 32){
+        if(running){
+            stop();
+        } else {
+            start();
+        }
+    }
+})
+
 window.onbeforeunload = function(){
     if(running){
         updateSavedPreviousSeconds();