Incremento ore all'interno dei tag FORM non funziona...

[Topix72]

Buongiorno,
ho realizzato una parte di pagina dove vado ad incrementare ore e minuti...

<!--<form>-->
<table>
    <tr>
        <th><label>ORE </label></th>
        <td>
            <input type="text" id="ore" value="" />
            <input type="button" id="orePiu" value="+" onclick="orePiu();" />
            <input type="button" id="oreMeno" value="-" onclick="oreMeno();" />
        </td>
    </tr>
    <tr>
        <th><label>MINUTI </label></th>
        <td>
            <input type="text" id="minuti" value="" />
            <input type="button" id="minutiPiu" value="+" onclick="minPiu();" />
            <input type="button" id="minutiMeno" value="-" onclick="minMeno();" />
        </td>
    </tr>
</table>
<!--</form>-->

Di seguito la parte degli script:

<script>
function orePiu() {
    ore = document.getElementById("ore").value*1;
    if(ore < 24) {
        ore = ore+1;
        document.getElementById("ore").value = ore;
    }
    
    if(ore == 24) {
        document.getElementById("minuti").value = 0;
    }
    
}
function oreMeno() {
    ore = document.getElementById("ore").value*1;
    if(ore > 0) ore = ore-1;
    document.getElementById("ore").value = ore;
}
function minPiu() {
    if(document.getElementById("ore").value == 24) {
        document.getElementById("minuti").value = 0;
    }
    else {
        min = document.getElementById("minuti").value*1;
        if(min < 55) {
            min = min+5;
            document.getElementById("minuti").value = min;
        }
        else {
            orePiu();
            document.getElementById("minuti").value = 0;
        }
    }
    
}
function minMeno() {
    if(document.getElementById("minuti").value == 0 & document.getElementById("ore").value == 0) {
        ;
    }
    else {
        if(document.getElementById("minuti").value == 0) {
            min = 60-5;
            document.getElementById("minuti").value = min;
            oreMeno();
        }
        else {
            min = document.getElementById("minuti").value*1;
            if(min > 0) {
                min = min-5;
                document.getElementById("minuti").value = min;
            }
            else {
                oreMeno();
                document.getElementById("minuti").value = 0;
            }
        }
    }
}
</script>

Qualcuno mi sa dire perchè se voglio inserire i tag input in un form le funzioni orePiu() e oreMeno() non mi funzionano più? Solamente i minuti funzionano...