支付计算器但没有任何反应
我为我父亲的园林绿化公司工作，我想制作一个非常简单的计算器来计算我所提供的工作所欠的金额。我为此目的做了一些弥补，但老实说我不知道我做错了什么，有人可以帮我解决它吗，我敢肯定它真的很简单，我只是找不到。
<!DOCTYPE html>
<html>
<head>
<!-- ALL OF THE INFO GOES HERE -->
<script>
var xy = 3; //put in number of yards here
var xb = 1; //put in number of times bluffs done here
var xn = 2; //put in number of times newbern done here
var y = 5;
var b = 25;
var n = 15;
var pay = y * xy + b * xb + n * xn;
getElementById("Display").innerHTML = pay;
</script>
<!-- ALL OF THE INFO GOES HERE -->
<title> Pay calculater </title>
<body>
<p id="Display"></p>
</body>
</html>
白猪掌柜的浏览 176回答 3
3回答
-
汪汪一只猫
您的代码有 2 个问题：“NullReference: reference not found”如果您将<script></script>标记放在<head>...</head>您需要eventListener检查是否加载了 DOM。您可以使用eventListener类似的加载DOMContentLoaded来执行此操作。“打字错误”你document.打电话时忘记了document.getElementById("Display")<!DOCTYPE html><html> <head> <!-- ALL OF THE INFO GOES HERE --> <title> Pay calculater </title> <script> const setup = () => { let xy = 3; //put in number of yards here let xb = 1; //put in number of times bluffs done here let xn = 2; //put in number of times newbern done here let y = 5; let b = 25; let n = 15; const pay = y * xy + b * xb + n * xn; document.getElementById("Display").innerHTML = pay; } window.addEventListener('load', setup); </script> </head> <!-- ALL OF THE INFO GOES HERE --> <body> <p id="Display"></p> </body></html> -
暮色呼如
前缀getElementByIdwithdocument.因为它是document对象上的一个方法。document.getElementById("Display"); -
胡说叔叔
您的脚本在加载整个页面之前正在运行。当它运行时，没有要更新的“显示”元素。您需要在它存在后对其进行更新。您的浏览器控制台将有很好的错误消息，说明出了什么问题。
随时随地看视频慕课网APP
相关分类
JavaScript