자바 스크립트 함수 후 페이지 새로 고침

Question

onse 버튼 메서드를 통해 JS 함수를 excecute 한 후에. 내 사이트가 새로 고쳐지고 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의 redu"를 누른 후가 (OK) 모든 것이 시작으로 거슬러 올라갑니다, expacting을 내 안에 번호를 써야 겠어. 가능하다면 2 + 3 + 4 = 9를 거기에 머물고 싶습니다. 감사합니다

Answer 1

변경 :

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

에 : @Teemu처럼

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

말했다 < 버튼> 양식 요소를 제출합니다.

Answer 2

이 <a href 요소의 기본 동작 같은 다른 경우에 유용 할 수 있습니다

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

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

와 자바 스크립트는 event.preventDefault()과 기본 동작을 방지 할 수 있도록 페이지를 리디렉션하는 또 다른 방법

---

더욱 우수한 solut 이온 - 당신의 버튼이 양식을 제출하자, 그러나 방지 양식의 기본

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

및 자바 스크립트

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

에를 입력하고 입력 필드에 입력으로 양식을 할 때 작동합니다.