编码新手，并尝试将两个 div 加在一起，其中一个 div 是加 6，另一个是 1

Question

https://codepen.io/nicklock804/pen/WNemWGz

所以我要做的是

resultA + pointA = totalScoreA(其中resultA = 6，pointA =1(

对于B队div也是如此

我试过这个，但没有用

function totalScoreA() {
totalA = 6;
totalScoreA = totalA + totalPA;
document.getElementById( "totalScoreA" ).innerHTML = totalA + totalPA;
}

如果有人能提供帮助，那就太神奇了。

谢谢大家

Answer 1

在函数 totalScoreA(( 中，你有这个计算 totalScoreA = totalA + totalPA; 变量名称与函数名称同名。您无法执行此操作，因为一旦执行该计算，函数名称将不再可用。

我做了一些其他的小更改，其中计算会立即更新。这是通过调用 totalScoreA(( 来完成的;每当调用 GoalA((、subGoalA((、pointA(( 和 subPointA(( 时。

您还有两个 pointA(( 函数，我删除了其中一个。

您必须将我在 A 中所做的更改应用到 B

//A team
var totalA = 0;
document.getElementById('resetA').onclick = resetA;
document.getElementById('GoalA').onclick = GoalA;
document.getElementById('subGoalA').onclick = subGoalA;
function resetA() {
totalA = 0;
totalPA = 0;
document.getElementById('resultA').innerHTML = totalA;
document.getElementById('pointA').innerHTML = totalPA;
totalScoreA();
}

function GoalA() {
totalA = totalA + 1;
document.getElementById('resultA').innerHTML = totalA;
totalScoreA();
}
function subGoalA() {
totalA = totalA - 1;
document.getElementById('resultA').innerHTML = totalA;
totalScoreA();
}

var totalPA = 0;
document.getElementById('PointA').onclick = PointA;
document.getElementById('subPointA').onclick = subPointA;

function PointA() {
totalPA = totalPA + 1;
document.getElementById('pointA').innerHTML = totalPA;
totalScoreA();
}

function subPointA() {
totalPA = totalPA - 1;
document.getElementById('pointA').innerHTML = totalPA;
totalScoreA();
}
function totalScoreA() {
//totalA = 6;
//totalScoreA = totalA + totalPA;
document.getElementById( "totalScoreA" ).innerHTML = totalA + totalPA;
}
// B team

var total = 0;
document.getElementById('resetB').onclick = resetB;
document.getElementById('GoalB').onclick = GoalB;
document.getElementById('SubGoalB').onclick = SubGoalB;

function resetB() {
total = 0;
totalPB = 0;
document.getElementById('result').innerHTML = total;
document.getElementById('Points').innerHTML = totalPB;
}
function GoalB() {
total = total + 1;
document.getElementById('result').innerHTML = total;
}
function SubGoalB() {
total = total - 1;
document.getElementById('result').innerHTML = total;
}

var totalPB = 0
document.getElementById('PointB').onclick = PointB;
document.getElementById('subPointB').onclick = subPointB;
function PointB() {
totalPB = totalPB + 1;
document.getElementById('Points').innerHTML = totalPB;
}
function subPointB() {
totalPB = totalPB - 1;
document.getElementById('Points').innerHTML = totalPB;
}