var pause = false;
var clear = false;
var interval;
var startButton, pauseButton, clearButton, pomInput, breakInput, pomDisplay;

window.onload = function() {
  startButton = document.querySelector("#startButton");
  pauseButton = document.querySelector("#pauseButton");
  clearButton = document.querySelector("#clearButton");
  pomInput = document.querySelector("#pomInput");
  breakInput = document.querySelector("#breakInput");
  pomDisplay = document.querySelector("#pomDisplay");
  startButton.addEventListener("click", startFunc);
  pauseButton.addEventListener("click", pauseFunc);
  clearButton.addEventListener("click", clearFunc);
  
}

function breakFunc() {
  startButton.innerHTML = "Start";
  startButton.disabled = true;
  pomInput.readOnly = true;
  
  var breakInputTime = breakInput.value * 60000;
  var currentTime = new Date().getTime();
  var pomEnd = currentTime + breakInputTime;
  
interval = setInterval (function() {
  if (!pause) {
    //figure out, in milliseconds, the difference between current time and the end point for your timer
    currentTime = new Date().getTime();
    pomTime = pomEnd - currentTime;
  
    //do the math to display minutes and seconds properly
    var minutes = Math.floor((pomTime % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((pomTime % (1000 * 60)) / 1000);
      
    //if there is still time on the clock, display it. If not, send a message.
    if (pomTime > 0) {
      pomDisplay.innerHTML = minutes + "m " + seconds + "s ";
    } else if (pomTime <= 0) {
      pomDisplay.innerHTML = "Done!";
      return;
    }
  }
}, 1000);
}

function startFunc() {
  startButton.innerHTML = "Start";
  startButton.disabled = true;
  pomInput.readOnly = true;
  
  var pomInputTime = pomInput.value * 60000;
  var currentTime = new Date().getTime();
  var pomEnd = currentTime + pomInputTime;
  
  interval = setInterval (function() {
  if (!pause) {
    //figure out, in milliseconds, the difference between current time and the end point for your timer
    currentTime = new Date().getTime();
    pomTime = pomEnd - currentTime;
  
    //do the math to display minutes and seconds properly
    var minutes = Math.floor((pomTime % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((pomTime % (1000 * 60)) / 1000);
      
    //if there is still time on the clock, display it. If not, send a message.
    if (pomTime > 0) {
      pomDisplay.innerHTML = minutes + "m " + seconds + "s ";
    } else if (pomTime <= 0) {
      breakFunc();
      return;
    }
  }
}, 1000);
}

function pauseFunc() {
  pause = !pause;
  if (pause) {
    pauseButton.innerHTML = "Resume";
  } else if (!pause) {
    pauseButton.innerHTML = "Pause";
  }
}

function clearFunc() {
  clearInterval(interval); 
  pomInput.value = 0;
  pomDisplay.innerHTML = "0m 0s";
  startButton.innerHTML = "Start";
  startButton.disabled = false;
  pomInput.readOnly = false;
}