javascript - 为什么会这样？js计算

Question

所以，我试图构建简单的计算，但我无法让它尽可能简单地工作，我不知道。当添加值时，唯一的薪水 - 租金工作得到连接示例：9000 -100 = 8900 很好，但在添加其他内容后，我得到 8900 - 100 = 8900100

document.querySelector('.btn').addEventListener('click',calculateTaxes);

// calculateTaxes
function calculateTaxes(e){
//UI vars
const sal   = document.querySelector('#salary');
const sel   = document.querySelector('#selection');
const rent  = document.querySelector('#rent');
const travel  = document.querySelector('#travel');
const groce  = document.querySelector('#groce');
const elSe = document.querySelector('#else');
const btn  = document.querySelector('#btn');
let final;

final = sal.value - (rent.value+travel.value+groce.value+elSe.value)

}

标签： javascriptcalculator

Answer 1

您可能有输入文本框，text如果是这样，您需要在计算之前将输入值解析为整数。像这样的东西：

// calculateTaxes
function calculateTaxes(e){
 //UI vars
 const sal   = document.querySelector('#salary');
 const sel   = document.querySelector('#selection');
 const rent  = document.querySelector('#rent');
 const travel  = document.querySelector('#travel');
 const groce  = document.querySelector('#groce');
 const elSe = document.querySelector('#else');
 const btn  = document.querySelector('#btn');
 let final;

 final = parseInt(sal.value) - (parseInt(rent.value) + parseInt(travel.value) + parseInt(groce.value) + parseInt(elSe.value));
}