Страница обновляется после функции javascript

Question

После того, как я прерву свою функцию JS по методу кнопки onClick. Мой сайт обновляется, и все, что было написано с помощью innerHTML, стирается. Я думаю, что я что-то упустил. Я просто поставлю здесь всю функцию JS. Я, вероятно, ничего не понимаю, и это вызывает его.

function stisk() { 
    var stevilo = prompt("Vnesi iskano stevilo"); 
    var seznam = document.getElementById("vnos").value; 
    var pattern = new RegExp("^[0-9](,\s*[0-9])+$"); 
    var vsota = 0; 
    var seznam = seznam.split(','); 

    var dolzina = seznam.length; 
    var pravilnost = pattern.test(seznam); 
    if (pravilnost == true) { 
    for (i = 0; i < dolzina; i++) { 
     vsota = vsota + parseInt(seznam[i]); 
    } 
    for (i = 0; i < dolzina - 1; i++) { 
     var star = document.getElementById("stevila").innerHTML; 
     if (isNaN(seznam[i]) == false) { 
     var starejsi = document.getElementById("stevila").innerHTML = star + parseInt(seznam[i]) + "+"; 
     } else { 
     document.getElementById("stevila").innerHTML = "Vnos ni pravilen"; 
     } 
    } 
    document.getElementById("stevila").innerHTML = starejsi + seznam[dolzina - 1] + "=" + vsota; 
    var c = 0; 
    for (i = 0; i < seznam.length; i++) { 
     if (stevilo == seznam[i]) { 
     c++; 
     } 
    } 
    if (c == 0) { 
     alert("stevila ni na seznamu"); 
    } else { 
     alert("Stevilo je na seznamu"); 
    } 
    } else { 
    document.getElementById("stevila").innerHTML = "Napacen vnos stevil"; 
    } 
} 

HTML: Вот вид браузера:

После того, как я нажимаю "V Ред" (OK) Все возвращается к началу, expacting мне написать номер внутри. Я хочу, чтобы 2 + 3 + 4 = 9 оставались там, если это возможно? Благодаря

Answer 1

Изменение:

<button onclick="stisk()">OK</button> 

к:

<input type="button" onclick="stisk()">OK</input> 

Как @Teemu сказал < кнопка> представит элемент формы.

Answer 2

Другое решение

<button onclick="stisk(event)">OK</button> 

и JavaScript

function stisk(e){ 
    e.preventDefault(); 
    ... 

Это может быть полезным и в других случаях, например, поведение <a href элемента по умолчанию для перенаправления страницы, так что вы можете предотвратить поведение по умолчанию с event.preventDefault()

---

еще лучше solut ион - пусть ваша кнопка отправить форму, но предотвратить дефолт по форме представить

<form onsubmit="stisk(e)"> 
    ... 
    <button type="submit"> 

и в JavaScript

function stisk(e){ 
    e.preventDefault(); 
    ... 

и он будет работать при подаче формы с Enter в поле ввода.