Untitled

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<style>
    #pole{
        width:100%;
        height:2000px;
    }
</style>
<script>

function liczenie(){
    while(hours<24){
        var hours = document.getElementById("godziny").value;
        var minutes = document.getElementById("minuty").value;
        var seconds = document.getElementById("sekundy").value;
        var i=1;
        document.getElementById("pole").innerHTML = i+") "+hours+":"+minutes+":"+seconds;
        i++;
    }
}
</script>
</head>
<body>
    <div id="container">
<input id="godziny" type="number" placeholder="Godzina np. 15" value=""></br>
<input id="minuty" type="number" placeholder="Minuta np. 30" value=""></br>
<input id="sekundy" type="number" placeholder="Sekunda np. 57" value=""></br>
<button onclick="liczenie()">Wylicz respy bossów</button>
<div id="pole"></div>
    </div>
</body>
</html>