title: pomodoro clock doesnt stop when the break time is 0
body: <p>after a couple of days researching and struggling with this project i would like to ask for some help. The piece of code that doesnt get executed is the last one where the breaktime should stop when is 0 running the clearInterval method.</p>
  
  <p>Also the I dont know how prevent the countdown to be executed multiple times when you click inside the red circle.  </p>
  
  <p>I´m a newbie so the code is as primitive as it gets but i´m trying. </p>
  
  <p>Codepen link: <a href="https://codepen.io/Seonatic/pen/zRPygV" rel="nofollow noreferrer">https://codepen.io/Seonatic/pen/zRPygV</a> </p>
  
  <pre><code>function countdown(){
  
      var session = document.getElementById("count").value;
      var time = document.getElementById("input").value =+session*60;
      var breakm = document.getElementById("break").value; 
      var breaktime =document.getElementById("input").value =+breakm*60;  
      var display = document.getElementById("input").value;
      var sec = 1;
  
      var myVar = setInterval(myTimer, 1000);
  
      function myTimer(){
          document.getElementById("input").value = time--;     
  
          if(time===0){
              window.clearInterval(myVar);
              var myVar2 = setInterval(increase, 1000);   
              function increase(){
                  document.getElementById("input").value = breaktime--;
                  if (breaktime===0) {
                      clearInterval(myVar2);
  
                  }       
              }
          }
      }
  } 
  </code></pre>