Javascript单击以更改背景颜色，然后单击

我有个问题。我的代码如下：

const btnHappyOne = document.getElementById("happy-btn-1");
const btnHappyTwo = document.getElementById("happy-btn-2");
const btnHappyThree = document.getElementById("happy-btn-3");

function changeHappyBgColor(e){
    let happyColor = e.target.style.backgroundColor;
    if (happyColor != "red") {
        e.target.style.backgroundColor = "red";     
    }
    else {

        e.target.style.backgroundColor = "";
        
    }
}

btnHappyOne.addEventListener('click', changeHappyBgColor);
btnHappyTwo.addEventListener('click', changeHappyBgColor);
btnHappyThree.addEventListener('click', changeHappyBgColor);

---

此代码在我单击时更改按钮的颜色。我的问题是，每当按钮变为红色时，我想添加一些代码来计算按钮的数量。当我单击将背景色更改为“无”时，按钮的编号也会脱脂。谢谢。

添加

var number=0常数以下，在if块中使用
number++
；在else块中使用
编号--
；
您可以在console中跟踪它以查看值，
console.log（number）
我希望这就是你想要的
放一个增量变量
让reds=0以上
功能更改happybgcolor
。然后在
e.target.style.backgroundColor=“red”之后；红色++。切换类。。。。重新设计复选框？