gpt4 book ai didi

javascript - 我是一个 javascript 初学者,我无法让这段代码在浏览器上运行

转载 作者:行者123 更新时间:2023-11-30 17:57:40 25 4
gpt4 key购买 nike

我只是想让 getElementById 工作,但我可以,我在使用 chrome 时遇到了这个错误:

Uncaught ReferenceError: calculate is not defined 

这是 html:

<html>
<body>


<table>
<tr><td>Input the test variable:</td>
<td><input id="x" onchange="calculate();"></td></tr>

<tr><th>Calculate the number</th>
<td><button onclick="calculate();">Calculate</button></td></tr>
</table>


<script src="test1javascript.js"></script>

</body>
</html>

这是javascript:

window.onload=function calculate(){
var x=document.getElementById("x");
if(x==5){
alert(x);
}
}

最佳答案

您正在 window.onload 上指定函数.您还将相同的功能绑定(bind)到 input onchange还有button onclick .而是如下声明函数并将函数仅绑定(bind)到 button onclick .另请注意 .valuedocument.getElementById("x") 之后

function calculate(){
var x=document.getElementById("x").value;
if(x==5){
alert(x);
}
}

最好在 <head></head> 中包含脚本文件并指定 type属性太:

<html>
<head>
<script src="test1javascript.js" type="text/javascript"></script>
</head>
<body>
<table>
<tr><td>Input the test variable:</td>
<td><input id="x" onchange="calculate();"></td></tr>
<tr><th>Calculate the number</th>
<td><button onclick="calculate();">Calculate</button></td></tr>
</table>
</body>
</html>

document.getElementById返回对元素的引用(顾名思义 getElement ,但不是它的 value )及其所有属性。在上面的例子中,它是一个按钮。您需要使用其 desired 属性来访问所需的属性 enter image description here

阅读更多相关信息 here .

关于javascript - 我是一个 javascript 初学者,我无法让这段代码在浏览器上运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17783983/

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