From 0653120bb4223f8cf7076a551a48bbf65b961c11 Mon Sep 17 00:00:00 2001
From: Dominic Coelho <domwork@live.com>
Date: Sat, 8 Sep 2018 13:36:07 +0100
Subject: [PATCH] delete unused functions > relates #8

---
 index.html |  4 ++--
 script.js  | 17 ++++++++---------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index 01b2523..350aef2 100644
--- a/index.html
+++ b/index.html
@@ -24,9 +24,9 @@ <h1>Group stopwatch trial (WIP)</h1>
     <section id="timer-stopwatch-area">
         <div id="timer" class="hidden">
             <div>
-                <span id="main-time-display">0:00</span>
+                <span id="main-timer-display">0:00</span>
             </div>
-            <button id="main-timer-start">Start main timer</button>
+            <button id="main-timer-start-btn">Start main timer</button>
         </div>
         <div id="stopwatch-area"></div>
     </section>
diff --git a/script.js b/script.js
index ffb2b5f..486148f 100644
--- a/script.js
+++ b/script.js
@@ -14,7 +14,8 @@ var stopwatchArea = document.getElementById("stopwatch-area");
 var noticeArea = document.getElementById("notice-area");
 var timerArea = document.getElementById("timer");
 
-var mainStartBtn = document.getElementById("main-timer-start");
+var mainStartBtn = document.getElementById("main-timer-start-btn");
+var mainTimerDisplay = document.getElementById("main-timer-display")
 
 if (!window) {
   console.log("no window object! This scripts gonna fail");
@@ -87,11 +88,9 @@ function updateTimerDisplay() {
   }
 
   if(timerState.timeLeftMS < 0){
-    document.getElementById("main-time-display")
-    .innerText = "Time up!";
+    mainTimerDisplay.innerText = "Time up!";
   } else {
-    document.getElementById("main-time-display")
-    .innerText = convertToMinsSecs(timerState.timeLeftMS);
+    mainTimerDisplay.innerText = convertToMinsSecs(timerState.timeLeftMS);
   }
   console.log("updateTimerDisplay called")
 }
@@ -160,10 +159,10 @@ stopwatchAreaListener = function() {
     .getElementById("stopwatch-area")
     .addEventListener("click", function(x) {
       if (x.target.id.includes("presenter")) {
-        drySelector(x.target);
+        divSelectionHandler(x.target);
       } else if (x.target.parentElement.id.includes("presenter")){
         // this else if statement is to handle any div children
-        drySelector(x.target.parentElement)
+        divSelectionHandler(x.target.parentElement)
       } 
       
     });
@@ -256,8 +255,8 @@ formatTime = function(ms) {
 
 // CODE IS (WAS?) WAY TOO WET! Below, I'm making a function to update the div style, button text and userSelected, with input being the presenter div that has been clicked:
 
-function drySelector(divClicked) {
-  console.log("drySelector called");
+function divSelectionHandler(divClicked) {
+  console.log("divSelectionHandler called");
   divClicked.parentElement.childNodes.forEach(function(div) {
     if (div.id === divClicked.id) {
       if (div.id === timerState.userSelected) {