Question

我正在制作一个简单的程序“找到最大的数字”。问题是，我无法显示我的答案的输出。我的代码有什么问题吗？感谢

<html>
<head>
<title> Short Lab Activity 1 </title>

<style>
#compute{
text-align: center;
}
</style>
</head>

<body>
<div id="compute">
Input 1st Number: <input type="integer" id="num1" size="20"/> </br></br>
Input 2nd Number: <input type="integer" id="num2" size="20"/> </br></br>
Answer: <input type="integer" id="answer" size="20"/>
</div>
<center><input type="button" id="find" value="Find the Largest" onClick()="find()"/></center>

<script type="text/javascript">
     function find() {
     var numb1 = document.getElementById("num1").value;
     var numb2 = document.getElementById("num2").value;
     var answer;

     if(numb1 > numb2)
        document.getElementById("answer").value = numb1;
     if(numb2 > numb1)
        document.getElementById("answer").value = numb2;
         }

</script>
</body>
</html>

Answer 1

将onClick()="find()"更改为onClick="find()"

Answer 2

您的错误在这里：

<input type="button" id="find" value="Find the Largest" onClick()="find()"/>

将其更改为：

<input type="button" id="find" value="Find the Largest" onClick="find()"/>

您不需要括号()

Answer 3

显而易见的错误是onClick() = "find()"代替onclick = "find()"而不是{{1}}。。

Answer 4

我不建议在html中使用onclick。相反，您可以使用addEventListener。

至于对函数的修改，if语句可以这样写，

if (numb1 > numb2) {
    document.getElementById("answer").value = numb1;
} else if (numb2 > numb1) {
    document.getElementById("answer").value = numb2;
}

现在，在您的函数之后，您可以像这样添加事件监听器

var el = document.getElementById("find");
el.addEventListener("find", find, false);

您可以详细了解addEventListener函数here。

javascript文本无法显示

4 个答案: