如何解决Javascript - var 添加问题
任何人都可以看看为什么JS我连接值而不是添加它们? https://codepen.io/mateusz-baran/pen/XWpGdvj
$(document).ready( function () {
// VARIABLES
// ----------------------------------------------------------
var amount,percent,result;
var calculator = $('.calculator');
var simAmount = calculator.find('.calculator__numsims');
var pricePerUse = calculator.find('.calculator__peruse');
var daysOpen = calculator.find('.calculator__daysopen');
var occupancy = calculator.find('.calculator__occupancy');
var monthlyRev = calculator.find('.calculator__monthlyrev');
var yearlyRev = calculator.find('.calculator__yearlyrev');
var roiEta = calculator.find('.calculator__roieta');
var calculatorResult = calculator.find('.calculator__result');
var txtPerUse = calculator.find('.peruse');
var txtSimNum = calculator.find('.simnum');
var txtDaysOpen = calculator.find('.daysopen');
var txtOccupancy = calculator.find('.occupancy');
var txtMonthlyRev = calculator.find('.calculator__monthlyrev');
var txtYearlyRev = calculator.find('.calculator__yearlyrev');
var txtRoiETA = calculator.find('.calculator__roieta');
// INIT BILL
// ----------------------------------------------------------
$(window).on('DOMContentLoaded',function () {
calcAmount();
});
// RANGE FUNCTION
// ----------------------------------------------------------
calculator.on('input',function () {
calcAmount();
});
function calcAmount()
{
txtDaysOpen.text(daysOpen.val());
txtOccupancy.text(occupancy.val());
txtSimNum.text(simAmount.val());
txtPerUse.text(pricePerUse.val());
calculatorResult.text(addCommas(((simAmount.val() + occupancy.val()))));
txtMonthlyRev.text(addCommas((((((occupancy.val() / 100) * pricePerUse.val()) * simAmount.val() ) ) * daysOpen.val()) * 4));
txtYearlyRev.text(addCommas(((((((occupancy.val() / 100) * pricePerUse.val()) * simAmount.val() )) * daysOpen.val()) * 4) * 12));
txtRoiETA.text(parseInt((calculatorResult.text().replace(',','') / txtMonthlyRev.text().replace(','')) + " months"));
};
function addCommas(nStr) {
var tst = Math.round(nStr);
var num = (tst + "").replace(/\b(\d+)((\.\d+)*)\b/g,function(a,b,c) {
return (b.charat(0) > 0 && !(c || ".").lastIndexOf(".") ? b.replace(/(\d)(?=(\d{3})+$)/g,"$1,") : b) + c;
这是 JS 部分的第 55 行。
加载默认数据 - 我希望看到的结果为:110,000 但我得到 10,000,010,000 - 所以数字被连接起来而不是添加
有人可以帮忙吗?
解决方法
尝试使用 parseInt()
或 parseFloat()
将字符串变量更改为整数,例如 calculatorResult.text(addCommas(((parseInt(simAmount.val()) + parseInt(occupancy.val())))));
在 JS 中,除了添加数字变量之外,+
运算符还连接字符串类型的变量。
这是罪魁祸首。将 parseInt 添加到值中。这会将字符串转换为整数
calculatorResult.text(addCommas(((parseInt(simAmount.val()) + parseInt(occupancy.val())))))
对代码中的任何其他添加执行此操作
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。