猿问

支付计算器但没有任何反应

我为我父亲的园林绿化公司工作,我想制作一个非常简单的计算器来计算我所提供的工作所欠的金额。我为此目的做了一些弥补,但老实说我不知道我做错了什么,有人可以帮我解决它吗,我敢肯定它真的很简单,我只是找不到。


<!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>


白猪掌柜的
浏览 177回答 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
我要回答