如何比较两个事件的结果?(可能使用局部或全局变量?)

How to compare two event results? (Maybe by using local or global variables?)

本文关键字:用局 结果 全局变量 事件 比较 何比较 两个      更新时间:2023-09-26

我实际上正在尝试在单击时更改div的颜色。我有16个div。点击时,会调用一个Javascript函数,为每个框切换用例。在更改颜色时,我调用另一个函数来匹配上一种颜色和当前颜色。我已经将Color变量设置为全局变量,每次单击每个框,它都会发生变化。我不知道如何比较。

以下是我的代码。

    Color = "#FFF"; 
    Score = 0;        
    function showCard(mynum)
    {
        switch(mynum)
        {
        case 1:
            Color="#000000";
            break;
        case 2:
            Color="#FF0000";
            break;
        case 3:
            Color="#000000";
            break;
        case 4:
            Color="#FF0000";
            break;
        default:
        }
        document.getElementById(mynum).style.backgroundColor=Color;
        getScore(Color);
    }
    function getScore(clr){
        if(Color==clr)  
            Score++;
        else
            Score--;
        document.getElementById("score").innerHTML= Score;

    }

您需要在更新之前保存以前的颜色。

function showCard(mynum)
{
    var oldColor = Color;
    switch(mynum)
    {
    case 1:
        Color="#000000";
        break;
    case 2:
        Color="#FF0000";
        break;
    case 3:
        Color="#000000";
        break;
    case 4:
        Color="#FF0000";
        break;
    default:
    }
    document.getElementById(mynum).style.backgroundColor=Color;
    getScore(oldColor);
}