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 标记(如果结果中有任何标记)。