Javascript 点击更改背景颜色和计数点击

Question

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

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);

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

Answer 1

添加var number=0; 在 consts 之下，在 if 块中使用number++ ； 并在 else 块中使用number-- ； 您可以在控制台中跟踪它以查看值， console.log(number); 我希望这是你要的