为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

白猪掌柜的 2023-05-25 16:01:25

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


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


查看完整描述

3 回答

?
汪汪一只猫

TA贡献1716条经验 获得超8个赞

您的代码有 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>


查看完整回答
反对 回复 4天前
?
暮色呼如

TA贡献1676条经验 获得超9个赞

前缀getElementByIdwithdocument.因为它是document对象上的一个方法。

document.getElementById("Display");


查看完整回答
反对 回复 4天前
?
胡说叔叔

TA贡献1650条经验 获得超8个赞

您的脚本在加载整个页面之前正在运行。当它运行时,没有要更新的“显示”元素。您需要在它存在对其进行更新。您的浏览器控制台将有很好的错误消息,说明出了什么问题。



查看完整回答
反对 回复 4天前
  • 3 回答
  • 0 关注
  • 8 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信