为什么会这样？ 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)

}

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));
}