我正在尝试用 javaascript 摆弄一些简单的数学,但我没有让它发挥作用,而且我是 js 的真正初学者。
基本上,我只是尝试使用“result1”作为第二个简单数学的变量,但接受 id“result”似乎不起作用。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input id="value1" type="text" onchange="output();" />
<span> + </span>
<input id="value2" type="text" onchange="output();" />
<span> * </span>
<input id="value3" type="text" onchange="output();" />
<p id="result1"> </p>
<span> + </span>
<input id="value5" type="text" onchange="output();" />
<p id="result2"> </p>
<script type="text/javascript" language="javascript" charset="utf-8">
function output(){
var value1 = document.getElementById('value1').value;
var value2 = document.getElementById('value2').value;
var value3 = document.getElementById('value3').value;
document.getElementById('result1').innerHTML = (parseInt(value1) + parseInt(value2)) * parseInt(value3);
var value4 = document.getElementById('result1').value;
var value5 = document.getElementById('value5').value;
document.getElementById('result2').innerHTML = parseInt(value4) + parseInt(value5);
}
</script>
</body>
</html>
fiddle here
最佳答案
p
有一个 textContent
而不是 value
属性(value
用于 input
元素)。
//var value4 = document.getElementById('result1').value; //Wrong property
var value4 = document.getElementById('result1').textContent; //Correct property
关于JavaScript 数学文本字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50015373/