Button document.querySelector返回字符串而不是数字

我有两个输入类型字段，我想取和

这是我的html：

如果我插入p=100和c=200，我得到的总和是100200而不是300 它应该在js中输入type=number，而不是text和parseInt函数

<input type="number" id="pos" autocomplete='off' placeholder="pos"></br>
<input type="number" id="cash" autocomplete='off' placeholder="cash"></br>
<button id="button">submit</button>

---

HTML中的值总是字符串，您可以使用

parseInt

将字符串转换为数字。

document.querySelector('#button').addEventListener('click',()=>sum());
function sum() {
    var p=document.querySelector('#pos').value;
    var c= document.querySelector('#cash').value;
    let sum=p+c;
    console.log(sum);
}

<input type="number" id="pos" autocomplete='off' placeholder="pos"></br>
<input type="number" id="cash" autocomplete='off' placeholder="cash"></br>
<button id="button">submit</button>

document.querySelector('#button').addEventListener('click',()=>sum());
function sum() {
    var p= parseInt(document.querySelector('#pos').value);
    var c= parseInt(document.querySelector('#cash').value);
    let sum=p+c;
    console.log(sum);
}