title: Start and Stop timer not working
body: <p>I am trying to make a timer that starts when you click the top button and stops and resets when you click the bottom button.  Here is a link to my fiddle <a href="http://www.jsfiddle.net/AbrGL/" rel="nofollow">http://www.jsfiddle.net/AbrGL/</a></p>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;input type="submit" id="start-clock" value="Click here to start timer" name="submit" onClick="startclock()"/&gt;
  &lt;div id="timer"&gt;0&lt;/div&gt;
  &lt;input type="submit" id="stop-clock" value="Click here to stop and reset the timer" name="submit" onClick="stopclock()"/&gt;
  </code></pre>
  
  <p>My JavaScript:</p>
  
  <pre><code>function startClock() {
      if (clicked === false) {
          clock = setInterval("stopWatch()", 1000);
          clicked = true;
      }
      else if (clicked === true) {
      }
  }
  function stopWatch() {
      sec+;
      document.getElementById("timer").innerHTML = sec;
  }
  function stopClock() {
      window.clearInterval(clock);
      sec = 0;
      document.getElementById("timer").innerHTML=0;
      clicked = false;
  }
  </code></pre>