Javascript loop

Hej!

Har lavet et lille script hvor jeg tilføjer et tal til en variabel ved tryk af en tast på tasteturet. Det virker perfekt, indtil videre.

Mit problem er dog at jeg gerne vil bruge det tal inde i en løkke og alt hvad det er for et tal der står i min variabel så skal løkken lave en ekstra linje.

min kode ser sådan her ud:

    var nativeNR = 1;

    function addOne() {
        nativeNR = nativeNR + 1;
        document.getElementById("nativeNR").innerHTML = nativeNR;
    }

    function subOne() {
        if(nativeNR > 1)
        {
            nativeNR = nativeNR - 1;
            document.getElementById("nativeNR").innerHTML = nativeNR;
        }
    }

    var text = "";
    var i = 0;
    while (i < nativeNR) {
        text += "The number is " + i + "<br>";
        i++;
    }

    document.getElementById("formular").innerHTML = text;
   




oppe i toppen af min html dokument har jeg så skrevet det her:

Den linje her er fordi at jeg gerne vil tjekke om min variabel nu også bliver opdateret:
current amount <span id="nativeNR"></span>

og den her linje er så den som skulle udskrive min while løkke:
<p id="formular"></p>

nogen der kan hjælpe mig videre her? håber i forstår hvad det er jeg vil :D