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); 
    }; 
}

これを防ぐにはどうすればよいですか。または私は何を間違っているのですか？

最後の目標は、フィールドの値による計算結果を別のフィールドに追加することです。

編集：フィールドに

<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

フォームの後にこのjavascriptを追加します。この方法では、フォームが送信されないため、値はリセットされず、計算を行うことができます。document.getElementById（ "berekenForm"）。onsubmit = function（）{return false;} – japrescott

送信ボタンがデフォルトのタスクを実行しています。すなわち、フォームを提出する。それを処理してみてください。

出典

2012-02-08 12:00:13 Virtual

値 'bereken' 以下のコードを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イベントの結果が消える

答えて

関連する問題