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

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

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. Потом он просто перестает работать, сколько бы я ни нажимал. Как я могу это исправить?