Как сделать кнопку не рабочей во время работы?

Question

[Swaer]

<div class="bat">
  <div class="greened"></div>
  <label class="proc">100%</label>
</div>
<button class="start">Start</button>
<button class="end">Go-go</button>

.bat {
  width:800px;
  height:200px;
  border:5px solid black;
  border-radius:15px;
  margin:0 auto;
  position:relative;
}
.greened {
  background:green;
  height:200px;
}
.proc {
  position:absolute;
  font-size:60px;
  line-height:60px;
  top: 70px;
  left:340px;
}
.start {
  margin-left:50%;
  padding:20px;
  font-size:20px;
}
.end {
  padding:20px;
  font-size:20px;
}

let width = 100;
let start = document.querySelector('.start');
let labPro = 100;


start.onclick = function(){
  interval = setInterval(function(){
    width--
    let green = document.querySelector('.greened');
    green.style.width = width +'%'
    if(width <=0){
      window.clearInterval(interval)
    }
    
    labPro--
    document.querySelector('.proc').innerHTML = labPro + '%';
    if(labPro <=0){
      window.clearInterval(interval)
    }
  },100)
}
let end = document.querySelector('.end');


end.onclick = function (){
  if (labPro >= 100){
    return false
  } else {
  labPro += 5;
  document.querySelector('.proc').innerHTML = labPro + '%';
  }
  if (width >= 100){
    return false
  } else {
  width += 5;
  let green = document.querySelector('.greened');
    green.style.width = width +'%';}
  
}

При нажатии на кнопку старт, фон батареи постепенно убирается и проценты уходят, когда фон и проценты достигают 0, оно останавливается, а если ещё раз нажать, при 0, то проценты уходят в минус, как это исправить?И ещё такое, если во время того, как он будет постепенно убираться нажать два раза на кнопку, то скорость увеличится в двое и уйдет опять же за 0 в минус

Comments

[Павел Корнилов]

disabled?

Answer 1

[Stalker_RED]

myButton.disabled = true;