无法更新< ID >

这段代码应该从用户那里获取两个数字，并在按下按钮时输出总和，但是无论我做什么，我都无法使内容改变

var x = Number(getElementById('input1').value);
var y = Number(getElementById('input2').value);
var z
document.getElementById('Result').innerHTML = x;
function gotime() {
z = x + y
document.getElementById('Result').innerHTML = " + z + "
}

<html>
<h> <b>Adder</b>
<h>
<input type="number" name="input1" id=input1 size="10" /> <input type="number" name="input2" id="input2" size="10" />
<p id="Result">Result</p>
<button name="runner" value="runner" id="runner" onclick="gotime()"> Add </button>
</html>

您在两个输入字段中都缺少document.->document.getElementById('input1')

id=input1上缺少引号

js中的变量是没有引号插入的，或者如果你有一些文本在前面或后面，它应该是.innerHTM= "result" + z + "text";，只有结果:.innerHTML = z

也移动你的输入抓取内部功能，所以它可以抓取值按钮点击而不是页面加载…

function gotime() {
var x = Number(document.getElementById('input1').value);
var y = Number(document.getElementById('input2').value);
var z
document.getElementById('result').innerHTML = x;
z = x + y
document.getElementById('result').innerHTML = z
}

<input type="number" name="input1" id="input1" size="10" /> 
<input type="number" name="input2" id="input2" size="10" />
<p id="result">Result</p>
<button name="runner" value="runner" id="runner" onclick="gotime()"> Add </button>

相关内容

最新更新

热门标签：