当前位置: 首页 > 知识库问答 >
问题:

Tip计算器函数的InnerHTML问题

逑翰翮
2023-03-14
function calculateTip(){
        var checkAmount = document.getElementById("amountBox").value;
        var percentTip = document.getElementById("tipBox").value;
        var tipTotal = checkAmount * (percentTip / 100);
        document.getElementById("tipVar").innerHTML = tipTotal;
}
<body>
    <P>
      Enter the check amount: 
          $<input type="numeric" id="amountBox" size=10 value="">
      <br>
      Tip percentage: 
          %<input type="numeric" id="tipBox" size=4 value="">

    </P>
    <input type="button" value="Calculate Tip"
    onclick="calculateTip();" >
                  
    <hr>
    <div id="tipVar"></div>

  </body>

因此,我希望当您输入支票金额和小费百分比并单击“计算小费”按钮时,它将运行函数,innerHTML将函数的输出写入div容器中的页面。然而,当我点击按钮时,似乎什么也没发生。如果有人有任何帮助/指导,我将不胜感激。

共有1个答案

郜俊健
2023-03-14

代码中有一个错误:

使用document.getElementById(“tipvar”).innerhtml=tiptotal;

您的代码无法工作,因为tipvar未定义,它是一个ID,应该用作字符串。

 类似资料:
  • 我的JavaFX/Java计算器有问题。当我输入一个方程式时,它(计算器)工作正常,答案也正确。但是,当我在另一个操作中按下/键,然后再按下另一个数字时,结果/和/等将不正确,除非我按下/键的运算符与之前相同。下面是一个例子: 工程量:26=82=10 不起作用:26=8-2=10 工程:6x2=12x2=26 不起作用:6x2=12÷2=26 我想知道有没有办法解决这个问题。 这是我的FXML控

  • 问题内容: 有人知道吗,您很想知道一种用于计算十六进制值的互补色的Javascript解决方案? 网络上有许多颜色选择套件和调色板生成器,但是我还没有看到使用JS实时计算颜色的工具。 详细的提示或摘要将不胜感激。 问题答案:

  • 问题内容: 在中,我使用或计算成对互相关函数,以便找出哪个偏移使我获得了最大值。从它的外观来看,给了我一个规范化的值序列。Python的scipy中是否有类似的东西,还是应该使用该模块?目前,我正在执行以下操作: 问题答案: 要使一维数组互相关,请使用numpy.correlate。 对于2d数组,请使用scipy.signal.correlate2d。 还有scipy.stsci.convolv

  • 是否有一种方法可以编写递归函数,该函数打印数字中的位数,以便: -它是一个无效函数 -"if"条件是if(num==0),返回 -“else”将调用递归。 我看到了两种不同类型的代码,其中一种是“if”条件具有递归调用,另一种是用于“return”。但这不是我想要的。 我很不擅长递归,并试图通过自己编写代码来理解它,但没有成功。 这是我的代码(我明白为什么它打印122而不是3,但我真的不知道如何以

  • 我知道这个问题已经被问过很多次了,但是我的问题有点不同。这个任务要求我不验证一个字符串是否是回文——而是验证一个字符串中有多少回文(返回为“int”)。这应该使用迭代函数来完成 以下是我的迭代函数代码供参考: 我只是很难把它转换成递归函数。感谢所有帮助!

  • Tip

    提示,用于弹出提示气泡框。 示例 基础使用 通过在 Tip 组件上添加 ref 属性,获得对于组件的引用,然后调用 Tip 组件向外暴露出来的 show、hide 方法来控制组件的显示或隐藏。 <cube-button :inline="true" :outline="true" :primary="true" @click="$refs.tip.show()">Show tip<