尝试在JavaScript输出中添加前导"$"

Question

请查看此演示小提琴.

我要做的是在结果中添加一个前导"$".标签" 保留援助 "工作正常,但是当我向其添加"$"时,它会对数字执行某些操作,而不是显示运行总计,它只是将数字添加到输出中.

因此,添加2000 + 4000 + 5000,显示为" 保留援助中的$ 200040005000 "(带有美元符号,但实际上并未添加数字).

var updateTotal = function () {
  var input1 = parseInt($('#earnedAid1').val() || 0);
  var input2 = parseInt($('#earnedAid2').val() || 0);
  var input3 = parseInt($('#earnedAid3').val() || 0);        
  $('#total').text("$" + input1 + input2 + input3 +" in Retained Aid");
};

编辑:除此之外,只需在输入框中输入"2",在输出中将其显示为$ 200.

Answer 1

你"$"在做和之前添加一个字符串,使它成为一个字符串.所以,随后如果你添加一个数字,它会将字符串视为字符串.

"some string" + 1 + 2 = "some string12" // considers 1,2 as strings while adding to the string.
"some string" + (1+2) = "some string3" //1+2 gets executed & then gets appended to the string

var sum = input1 + input2 + input3;
$('#total').text("$" + sum +" in Retained Aid");

替代方案:

$('#total').text("$" + (input1 + input2 + input3) +" in Retained Aid");