В
function setControlParams(state) {
if (state === 'start') {
states.isStart = true;
radioBtns.style.pointerEvents = 'none';
startBtn.classList.add('disabled');
stopBtn.classList.remove('disabled');
}
if (state === 'end') {
states.isStart = false;
radioBtns.style.pointerEvents = 'auto';
startBtn.classList.remove('disabled');
stopBtn.classList.add('disabled');
}
}
function toggleControlParams() {
states.isStart = !states.isStart;
stopBtn.classList.toggle('disabled');
startBtn.classList.toggle('disabled');
radioBtns.classList.toggle('disabled');
}
Добавь для radioBtns тоже класс disabled и работай с pointerEvents через css. Для .disabled класса задавай стиль pointer-events: none. Тогда код будет выглядеть консистентнее