js 加法不生效

兩個(gè)問(wèn)題：
1、事件觸發(fā)后再去讀取輸入框的值才對(duì)；
2、輸入框的值展示前需要先行轉(zhuǎn)換成數(shù)字并相加。得到結(jié)果后再予以展示

你console.log一下就能發(fā)現(xiàn)input里面的是字符串了，你要先進(jìn)行轉(zhuǎn)變

借花獻(xiàn)佛，修改下@馮恒智 同學(xué)的答案，因?yàn)檫\(yùn)算從前往后的原因，first + second不先進(jìn)行計(jì)算的話會(huì)被轉(zhuǎn)換成字符串直接拼接的，所以需要提高優(yōu)先級(jí)。

document.getElementById("add-btn").onclick = function() {
    var first = Number(document.getElementById("first-number").value);
    var second = Number(document.getElementById("second-number").value);
    // 這句改了下計(jì)算優(yōu)先級(jí)
    document.getElementById("result").innerHTML = "運(yùn)算結(jié)果" + (first + second);
};

document.getElementById("add-btn").onclick = function() {
    var first = Number(document.getElementById("first-number").value);
    var second = Number(document.getElementById("second-number").value);
    document.getElementById("result").innerHTML = `運(yùn)算結(jié)果${first + second}`;
};

document.getElementById("add-btn").onclick = function(){
    var first = document.getElementById("first-number").value;
    var second = document.getElementById("second-number").value;
    document.getElementById("result").innerHTML = ("運(yùn)算結(jié)果："+ (Number(first) + Number(second)));
}