onclick 이벤트 결과가 사라짐

이 코드를 사용하면 console.log와 필드의 값이 즉시 사라집니다.onclick 이벤트 결과가 사라짐

window.onload = bereken; 
function bereken(){ 
    var knop = document.getElementById('berekenKnop').onclick = function(){ 
     var aantalKm = document.getElementById('bereken'); 
     console.log(aantalKm.value); 
    }; 
}

어떻게 그런 일이 발생하지 않도록 할 수 있습니까? 아니면 내가 뭘 잘못 했니?

마지막 목표는 계산 결과를 필드 값으로 다른 필드에 추가하는 것입니다.

편집 : 현장 'bereken'에서

<html> 
<head> 
<script src="bereken.js"></script> 
</head> 
<body> 
<form id="berekenForm"> 
    Bereken: <input type="text" name="bereken" id="bereken"/><br /> 
    <input type="submit" value="Bereken" id="berekenKnop"/> 
</form> 
</body> 
</html>

출처

2012-02-08 Jarco

실망 시켜서 죄송하지만 스크립트의 내용 중 귀하가 말하는 것은 아무것도 수행하지 않습니다. – japrescott

죄송합니다 html로 질문을 업데이 트하므로 더 명확하게됩니다. – Jarco

이 자바 스크립트를 양식 뒤에 추가하십시오. 이 방식으로 양식이 제출되지 않기 때문에 값이 재설정되지 않고 계산을 수행 할 수 있습니다. – japrescott

제출 버튼이 기본 작업을 수행하고 있습니다. 즉 양식 제출 그것을 처리하십시오.

출처

2012-02-08 12:00:13 Virtual

값은 아래의 코드를 disappearing.See 없습니다. 이것이 예상 답변이 아닌 경우 자세한 내용으로 질문을 업데이트하십시오.

<html> 
<head> 
<script type="text/javascript"> 
window.onload = bereken; 
function bereken(){ 
    var knop = document.getElementById('berekenKnop').onclick = function(){ 
     var aantalKm = document.getElementById('bereken'); 
     console.log(aantalKm.value); 
    }; 
} 
</script> 
</head> 
<body> 
<div id="berekenKnop"> 
Click Here to console value 
</div><br/> 
<input type="text" value=" bereken value" id="bereken" /> 
</body> 
</html>

출처

2012-02-08 11:26:42

나는 html을 추가했다. 제 질문은 버튼으로 시작된 문제를 말하지 않았습니다. – Jarco

onclick 이벤트 결과가 사라짐

답변

관련 문제