added logic for start/stop on same button

donyd · May 27, 2017 · 8f09f72 · 8f09f72
1 parent 1bae938
commit 8f09f72
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -13,8 +13,8 @@ <h1>Stopwatch Demo</h1>
     <p id="timer"></p>
 
   <div class="buttons">
-    <button onclick="startStop(this)">Start</button>
-    <button onclick="startStop(this)">Stop</button>
+    <button onclick="stopStart(this)">Start</button>
+    <button onclick="stopStart(this)">Stop</button>
     <button>Record Time</button>
     <button>Reset Time</button>
   </div>

diff --git a/script.js b/script.js
@@ -4,6 +4,7 @@ function scriptCheck(){
 
 var seconds = 0;
 var startTimer;
+var on = false;
 
 function startStop(obj){
     if (obj.innerHTML == "Start"){
@@ -16,3 +17,26 @@ function startStop(obj){
               clearInterval(startTimer);
       }
   }
+
+
+
+  function stopStart(){
+    if(on == true){
+        clearInterval(startTimer);
+        on = false;
+        console.log(startTimer);
+     } else if (on == false){
+       startTimer = setInterval(function(){
+      seconds++;
+      document.getElementById("timer").innerHTML = seconds;}, 500);
+       on = true;
+        console.log(startTimer);
+      }
+
+     }
+
+
+
+
+
+