Pętla plus kontrolka Opcje

[marcinjs]

Witam,

mam następujący problem, z którym nie mogę sobie poradzić. Mam kontrolkę, w którą wpisuję jakiś tam tekst. Po naciśnięciu przycisku dodaj tekst powinien pojawić się wewnątrz tagu <p> 9 razy (na tyle ustawiłem pętle for). Problem jest taki, że tekst wpisany w kontrolce wyświetla się tylko raz. Jak w pętli zastosuję document.write ('sasasa') to tekst po naciśnięciu buttona pojawia się 9 razy to samo z funkcją alert - tekst 9 razy. Moje pytanie jest następujące, czemu w tagu <p> tekst wyświetla się tylko raz, a nie 9 razy.

HTML

Kod

<form method="post" action="10_zmienne_wipisac_na_ekran.html" name="dodawanie_posta">

<label>Wartość1: <input type="text" name="wartosc1" value="" /></label>

<input name="" type="button"value="dodaj" />

</form>

<p id="wynik"></p>

js

Kod

window.onload = Laduj;

function Laduj () {
    
     document.forms[0].onclick =Petla;
};


function Petla () {
    
     var wartosc1 = document.forms[0].wartosc1.value;
     var wynik = document.getElementById ('wynik');
    
    
     for (var i = 0; i < 10; i++) {
        
     wynik.innerHTML = wartosc1;
    
     }
    
    
};

Za wytłumaczenie problemu z góry dziękuję.