Увеличение и уменьшение значения в Javascript

Question

Я считаю, что у моей проблемы может быть простое решение, но я не могу понять, как это исправить ...

Codepen

let x;
let op;
let horamin = 10;
let horamax = 15;

function hora (x, op){
    if (x > horamin && x < horamax) {
        if (op == 'soma') {
            document.querySelector(".hora").innerText = x + 1
        } else {
            document.querySelector(".hora").innerText = x - 1
        } ;
    }
}


document.querySelector(".horaU").addEventListener('click', (event) = > {
        x = parseInt(document.querySelector(".hora").innerText);
        op = "soma";
        hora(x, op);
        //document.querySelector(".hora").innerText = x+1;
});

document.querySelector(".horaD").addEventListener('click', (event) = > {
        x = parseInt(document.querySelector(".hora").innerText);
        op = "diminui";
        hora(x, op)
});

Все работает как намерение, , пока я не достигну значения horamin или horamax.Тогда он просто перестает работать, независимо от того, сколько я нажимаю.Как я могу это исправить?

Answer 1

Если число выходит за пределы диапазона, который вы просто блокируете, увеличивая или уменьшая, я думаю, вы всегда хотите разрешить одно из действий:

  if (op == 'soma') {
    if(x >= horamax) return;
    document.querySelector(".hora").innerText = x +1
  } else {
    if(x <= horamin) return;
    document.querySelector(".hora").innerText = x -1
  }