title: Why is clearInterval not working for this clock?
body: <p>I'm trying to create a pomodoro clock, and I can't figure out why the resetClock function is going everything except clearing the interval for the clock. It is resetting the number, but the clock keeps counting down. I'd imagine I'll have this issue when trying to implement the stop clock function also. Can someone help?</p>
  <pre><code>var minutes = 25;
  var seconds = 0;
  var startSound = new Audio('./sounds/startsound.mp3')
  var resetSound = new Audio('./sounds/resetclocksound.mp3')
  var stopSound = new Audio('./sounds/pausesound.mp3')
  var alarmSound = new Audio('/sounds//haoduken.mp3')
  var minutes_interval;
  var seconds_interval;
  
  
  function startClock() {
    startSound.play();
    minutes = 24;
    seconds = 59;
    document.getElementById('minutes').innerHTML = minutes;
    document.getElementById('seconds').innerHTML = seconds;
    document.getElementById('start-button').removeEventListener('click', startClock)
    var minutes_interval = setInterval(minutesTimer, 60000);
    var seconds_interval = setInterval(secondsTimer, 1000);
  
    function minutesTimer() {
      minutes = minutes - 1;
      document.getElementById('minutes').innerHTML = minutes;
    }
  
    function secondsTimer() {
      seconds = seconds - 1;
      document.getElementById('seconds').innerHTML = seconds;
      if (seconds &lt;= 0) {
        seconds = 60;
      }
      if (seconds &lt;= 0 &amp;&amp; minutes &lt;= 0) {
        alarmSound.play()
        clearInterval(minutes_interval);
        clearInterval(seconds_interval);
      }
    }
  }
  
  function resetClock() {
    clearInterval(seconds_interval);
    clearInterval(minutes_interval)
    resetSound.play();
    var minutes = 25;
    var seconds = 0;
    document.getElementById('minutes').innerHTML = minutes;
    document.getElementById('seconds').innerHTML = seconds;
    document.getElementById('start-button').addEventListener('click', startClock)
  
  }
  </code></pre>