Question

当我使用此代码时，console.log和字段中的值会立即消失。

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>

Answer 1

提交按钮正在执行其默认任务。即提交表格。尝试处理。

Answer 2

字段“bereken”中的值未消失。请参阅下面的代码。如果这不是预期的答案，请详细更新问题：

<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>

onclick事件结果消失

2 个答案: