gpt4 book ai didi

Javascript - 将两个输入字段相乘并显示

转载 作者:行者123 更新时间:2023-11-30 06:56:36 26 4
gpt4 key购买 nike

我的想法是我应该能够在两个字段中输入数字,然后我需要显示总和以及乘积。
我想我会测试该产品,但我不断收到“不是数字”错误。任何帮助都会很棒!

<!DOCTYPE html>
<html>
<body>

<form>
First Number<br>
<input id="num1" type="text" name="num1">
<br>
Second Number:<br>
<input id="num2" type="text" name="num2">
<br><br>
<input type="button" value="Do Maths" onclick="doMath();" />
</form>

<script>

function doMath() {
var numOne = document.getElementById('num1').value;
var numTwo = document.getElementById('num2').value;
var theProduct = parseInt(my_input1) * parseInt(my_input2); document.write(theProduct);
document.write(theProduct);


}

</script>


</body>
</html>

最佳答案

您有 my_input1my_input2 未定义。

改变这一行:

var theProduct = parseInt(my_input1) * parseInt(my_input2);文档.write(theProduct);

这应该是正确的行:

var theProduct = parseInt(numOne) * parseInt(numTwo);文档.write(theProduct);

显然,如果你想要总和:

var theTotal = parseInt(numOne) + parseInt(numTwo);

并打印出来:document.write(theTotal);

此外我想在我的答案中再添加一件事。如果您只是在测试,请改用它并在您的控制台中查看它:

console.log("Product: " + theProduct);
console.log("Total: " + theTotal);

如果您按照现在的方式写入文档,您将删除所有内容,这意味着您需要为每个输入刷新。不确定你是否意识到这一点。无论如何,这是供引用的功能。

function doMath() {
var numOne = document.getElementById('num1').value;
var numTwo = document.getElementById('num2').value;
var theProduct = parseInt(numOne) * parseInt(numTwo);
var theTotal = parseInt(numOne) + parseInt(numTwo);
// document.write(theProduct);
// document.write(theTotal);
console.log("Product: " + theProduct);
console.log("Total: " + theTotal);
}

关于Javascript - 将两个输入字段相乘并显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48820896/

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