Jako że to mój pierwszy post na forum, witam wszystkich!

Mam problem, otóż chciałbym aby po kliknięciu w button w polu input pojawił się pewien tekst, dzieje się tak jednak tekst znika po chwili. Dlaczego tak się dzieje

[HTML] pobierz, plaintext 
    <form class="form-horizontal">
 
                    <div class="control-group">
                      <label class="control-label">Wpisz zdanie</label>
                      <div class="controls">
                        <input type="text" id="zdanie" placeholder="Moje zdanie" style="height:30px">
                      </div>
                    </div>
 
                    <div class="control-group">
                      <div class="controls">
                        <button type="submit" onclick='return odwroc()' class="btn">Odwróć</button>
                      </div>
                    </div>
                  </form>
 
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
function odwroc(){
 
var tablica = new Array("A","B","C","D");
console.log(tablica.reverse());
var pole = document.getElementById('zdanie');
zdanie.value = tablica.reverse();
 
}
[HTML] pobierz, plaintext 

Witamy

[HTML] pobierz, plaintext 
 
function odwroc(){
 
    var tablica = new Array("A","B","C","D");
    console.log(tablica.reverse());
    var pole = document.getElementById('zdanie');
    zdanie.value = tablica.reverse();
    return false;
    }
[HTML] pobierz, plaintext 

Znika ponieważ formularz Ci się przeładowuje

Można też zmienić type buttonu :

[PHP] pobierz, plaintext 
<button type="button" onclick='return odwroc()' class="btn">Odwróć</button>
[PHP] pobierz, plaintext