Функция выполняется один раз, как исправить?

Question

[Swaer]

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)
    }
  },10)
}
let end = document.querySelector('.end');

end.addEventListener('click',plusProc);
function plusProc(){
  document.querySelector('.proc').innerHTML = labPro + 5 + '%';
}

При нажатии на кнопку(end), добавляется в значение +5%, ещё раз нажать, ничего не происходит, как исправить?

Answer 1

[sundrey]

Надо перезаписывать значение labPro после нажатия

function plusProc(){
labPro = labPro + 5;
document.querySelector('.proc').innerHTML = labPro + '%';
}

Comments

[Swaer]

Спасибо