gpt4 book ai didi

javascript - 无法在 JavaScript 中添加输入并显示总和

转载 作者:行者123 更新时间:2023-12-03 12:22:49 25 4
gpt4 key购买 nike

为了学习和学习 JavaScript,我尝试做一个计算器,一开始我尝试通过 2 个输入进行求和运算。但不知怎的,有一个我看不到的问题。你能帮我吗?

这是代码:

<html> 
<body>
<h1> JavaScript Test </h1>
Sum The Nums Up!
<br>
<form>
Number 1: <input type="text" name="n1" /><br>
Number 2: <input type="text" name="n2" /><br>
</form>
<button id="b" onclick="func();" />Sum</button>
<p id="b"></p>
<script type="text/javascript">
function sum() {
var nn1 = document.getElementById("n1").value;
var nn2 = document.getElementById("n2").value;
var sum = parseInt(nn1) + parseInt(nn2);
document.write(sum);
}
</script>
</body>
</html>

最佳答案

替换:

function sum() {

与:

function func() {

这可以防止您将 2 个不同的类型/值分配给同一个变量名称。
(您的问题中有一个 sum 函数和 sum 变量。)

<小时/>

替换:

document.write(sum);

document.getElementById('b').innerHTML = sum;

此代码段添加了 sum 的结果至<p id="b"></p> (因此,结果可能是: <p id="b">18</p> ,例如),而不是将其任意添加到 HTML 的末尾。

<小时/>

最后,替换:

Number 1: <input type="text" name="n1"/><br>
Number 2: <input type="text" name="n2"/><br>

与:

Number 1: <input type="text" id="n1"/><br>
Number 2: <input type="text" id="n2"/><br>

document.getElementById寻找 id HTML 中的属性,不适用于 name .

关于javascript - 无法在 JavaScript 中添加输入并显示总和,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24359960/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com