gpt4 book ai didi

javascript 错误 [对象 HTMLInputElement][对象 HTMLInputElement]

转载 作者:行者123 更新时间:2023-11-28 13:12:35 25 4
gpt4 key购买 nike

我正在练习 Java 脚本代码,但在实现此代码时遇到问题。

<html>
<body>
<script>
function f2(){
var a=document.getElementById("a");
var b=document.getElementById("b");
var c=a+b;
document.write(c);
}
</script>

Enter A:<input id="a" type="text" name="txt1" ><br>
Enter B:<input id="b" type="text" name="txt2" ><br>
<button type="button" onclick="f2()">Sum Here</button>
</body>
</html>

当我添加两个数字时,它会显示类似 [object HTMLInputElement][object HTMLInputElement] 的错误。

最佳答案

输入元素的 value 属性用于检索输入中输入的值。该值将是一个字符串。

由于您想要添加数字,因此最好检查输入的输入是否是数字,以避免出现不必要的错误。有很多方法可以检查这一点,我使用的一种方法是在输入的字符串值前面添加“+”号,这会将字符串中的数字转换为数字,然后检查 NaN。

这是 fiddle 和代码 https://jsfiddle.net/7sgcmfu8/

<script>  
function f2(){
var a= +document.getElementById("a").value;
var b= +document.getElementById("b").value;
if(!isNaN(a) && !isNaN(b)){
document.write(a+b);
}else{
document.write("enter numbers");
}
}
</script>

Enter A:<input id="a" type="text" name="txt1" ><br>
Enter B:<input id="b" type="text" name="txt2" ><br>
<button type="button" onclick="f2()">Sum Here</button>

关于javascript 错误 [对象 HTMLInputElement][对象 HTMLInputElement],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41216153/

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