Javascript文本不显示

javascript text doesn't display

本文关键字：显示 文本 Javascript      更新时间：2023-09-26

我正在编写一个简单的程序"查找最大的数"。问题是，我不能显示我的答案的输出。我的代码有什么问题吗?由于

<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="answerswer" 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("answerswer").value = numb1;
     if(numb2 > numb1)
        document.getElementById("answerswer").value = numb2;
         }
</script>
</body>
</html>

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

您的错误在这里:

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

改为:

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

不需要括号()

明显的错误是将onClick() = "find()"改为onclick = "find()"。

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

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

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

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

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

您可以在这里了解更多关于addEventListener函数的信息

相关文章：