i want to stop javascript countdown timer with onclick event

Question

i need help, i make a javascript function for countdown timer and here is code:

<script>

function start_minute() {
let startingMinutes = 20;


let time = startingMinutes * 60;

  const countDownEl = document.getElementById('countdown');

  setInterval(updateCountdown, 1000);

  function updateCountdown() {
    const minutes = Math.floor(time / 60);
    let seconds = time % 60;

    seconds = seconds < 10 ? '0' + seconds : seconds;

    countDownEl.innerHTML = `${minutes} : ${seconds}`;
    if (time > 0) {
    time--; 
    } else {
      countDownEl.innerHTML = `IT'S OVER !`
    }
    
  }
}    
}

The clearIntervall wont work directly in an input on click i need to put stopfunction in this for example

Answer 1

 let intervalId = null; function start_minute() { let startingMinutes = 20; let time = startingMinutes * 60; const countDownEl = document.getElementById('countdown'); intervalId = setInterval(updateCountdown, 1000); function updateCountdown() { const minutes = Math.floor(time / 60); let seconds = time % 60; seconds = seconds < 10? '0' + seconds: seconds; countDownEl.innerHTML = `${minutes}: ${seconds}`; if (time > 0) { time--; } else { countDownEl.innerHTML = `IT'S OVER;`. } } } function stop_minte() { clearInterval(intervalId) } document.getElementById('start'),addEventListener('click'; start_minute). document.getElementById('stop'),addEventListener('click'; stop_minte);

 <div id="countdown">time</div> <button id="start">start</button> <button id="stop">stop</button>