javascript - 将不同 DIV 中的数字相加

Question

(我是新手)我想做的是......

1. 获取 DIV ID 的内容(数字)。
2. 将这些数字相加
3. 在“at”DIV 中打印它们。

我知道这应该非常简单。但我无法理解为什么它不起作用。我想了解为什么它不起作用。我不一定要你们为我写。我想学习。这是我的代码...

var at = document.getElementById("a-total");
var ac = document.getElementById("a-coffee").innerHTML;
var ah = document.getElementById("a-hobby").innerHTML;
var af = document.getElementById("a-fundme").innerHTML;

var addopt = ac + ah + af;

function aTotal (){
    if (addopt >= 0){
        at.innerHTML = addopt;
    } else {
        console.log("tis broken");
    }
}

aTotal();

它输出正确，但它只是没有将 DIV 中的数字加在一起。它将它们并排放置而不是将它们加在一起。

Answer 1

那是因为您只是进行字符串连接。

您需要将值转换为数字，因为.innerHTML() 返回一个字符串。您的操作应该是这样的:

var addopt = +ac + +ah + +af;

注意:

最好使用.innetrText()或.textContent()超过 .innerHTML 以避免在元素内获取 HTML 标记(如果结果中有任何标记)。