- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在这里查看codepen
https://codepen.io/jimandrews89/pen/zbpRdm
document.getElementById('container').onchange = function() {
var bill = Number(document.getElementById('billTotal').value);
var tipPercent = Number(document.querySelector('input[name = "tip"]:checked').value);
var split = Number(document.getElementsByName('number-of-people').value);
var tipTotal = bill * tipPercent;
var finalTotal = (bill + tipTotal) / split;
document.getElementById('newTipTotal').innerHTML = tipTotal;
document.getElementById('newTotalWithTip').innerHTML = finalTotal;}
最后的输出应该计算账单+小费除以支付的人数。第一个输出没有损坏,所以我不知道为什么第二个输出是。起初,我想到使用 parseInt() 而不是 Number() 将字符串转换为数字,但这也使第一个输出也为 NaN。
最佳答案
您有 document.getElementsByName
而不是 document.getElementById
,这就是为什么您的拆分值为 Nan。我已将更正后的代码放在下面。上面提供的链接上的测试代码。
document.getElementById('container').onchange = function() {
var bill = Number(document.getElementById('billTotal').value);
var tipPercent = Number(document.querySelector('input[name = "tip"]:checked').value);
var split = Number(document.getElementById('number-of-people').value);
var tipTotal = bill * tipPercent;
var finalTotal = (bill + tipTotal) / split;
document.getElementById('newTipTotal').innerHTML = tipTotal;
document.getElementById('newTotalWithTip').innerHTML = finalTotal;
}
关于javascript - tip calc equation 在第一个输出上工作,但在第二个输出上使用 number() 返回 NaN,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55149395/
我正在围绕 D3 编写 React 包装器,但在尝试使用 D3-tip 时出现错误:TypeError: m.tip is not a function。 我看过类似的帖子( here 和 here
我试图通过传递 Controller 、 Action 和参数来重定向 Rails 以显示 Action 。但是,rails 完全忽略了 Action 的名称! 我得到的是 http://mysite
1. 前言 大家好,我是安果! 工作中,我们经常需要编写 SQL 脚本,对数据库进行增、删、改、查,很少会考虑到 Sql 性能优化 实际上,从性能角度考虑,有很多 Sql
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。 关闭 8 年前。
首先;我知道有类似的问题here或there但他们都没有解决我的问题。 我的 D3-Tip 未显示在我的折线图上。 (它适用于 map ) JS var tip = d3.tip() .att
我希望我在正确的地方发帖。 我对 Java 还很陌生(这意味着这只是我除了“hello world”之外的第三个程序)。 我正在为一项作业开发一个小费计算器。我没有收到这样的“错误”,但分摊账单的方法
我有这个折线图,我在图表中的每个值上都放置了一个点。将鼠标悬停在点上时,我想使用 d3-tip 工具提示显示该值。 这是我到目前为止得到的: var svg = chart.append("svg")
结构 struct school { char*name; int student; int teacher; int worker; }; 其实我有两个问题.. A)是x.y和x->y语法之间的区别
我正在尝试将 d3.tip 添加到我的 d3 信息图中。根据 d3.tip 文档,我使用 Bower 安装了 d3.tip。安装完成后,我的终端屏幕显示: The terminal screen 估计
这个问题在这里已经有了答案: How to append something to an array? (30 个答案) 关闭 9 年前。 我正在使用 JavaScript 和 HTML 开发网页。
1. 使用list来实现一次获取explode后的特定段值: list( , $mid) = explode(';', $string); 2. 使用NULL === 来代替
Git HEAD 和 tip 有什么区别? 很抱歉,如果有人在其他地方问过这个问题......还没有看到任何其他问题。 最佳答案 来自 gitglossary (可能在安装了 git 的计算机上通过
如何在 codeigniter 框架中检查数据是否从数组 $this->data['tips'] 中的数据库中成功检索。我想检查这是 Controller 。 最佳答案 $result = $this
我想使用 Ruby on Rails 3 创建一个小型社交网络。由于它是一个复杂的系统,对于信息架构有什么建议? 我想用分层架构创建多个 RoR 应用程序,每个应用程序都用于完成特定目的。因此,我创建
关闭。这个问题是opinion-based .它目前不接受答案。 想改善这个问题吗?更新问题,以便可以通过 editing this post 用事实和引文回答问题. 2年前关闭。 Improve t
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the he
有没有办法用 d3.tip 添加鼠标悬停效果 假设我有这个 var tip = d3.tip() .attr("class", "d3-tip") .html(function(d)
我已经配置了一个带有组合框的丰富工具提示。当我通过单击打开组合框时,工具提示失去焦点并关闭。当我在工具提示之外而不是在工具提示内单击时,需要此行为。 当工具提示本身失去焦点时,如何防止关闭工具提示?
我的问题是我的项目编译时间越来越长。 我的当务之急是如何加快编译速度?我现在用的是SSD硬盘和四核CPU。您认为购买 I7 核心会加快编译速度吗? 我担心它不会,因为 Flash CS5 不会利用多核
你好, 编辑:虽然这个问题涵盖了编程中经常出现的情况,但我一直注意到在使用正则表达式时,尤其是。在 Perl 和 shell 编程中, try catch 最后几个边缘情况: 需要更多、更多的时间来扩
我是一名优秀的程序员,十分优秀!