问题标记不会在执行的检查中更新

Question

我正在尝试执行一个游戏，在该游戏中，在完成答案检查后，将正确的任何div更改为BTN绿色，如果不正确，则选择的选项将更改为BTN红色，而将一项更改为BTN绿色。 相同的代码如下：

JavaScript代码：

function checkAnswer(id)
{
    if(enable_click)
    {
        enable_click = false;
        var checked_opt = document.getElementById(id).text;
        var res = checked_opt.slice(3); 
        if(id == correct_ans)
        {
            document.getElementById(id).className = "btn-green";//not executed 
            ans += 1;

        }
        else
        {
            document.getElementById(correct_ans).className = "btn-green";//not executed
            document.getElementById(id).className = "btn-red";// not executed

        }

    }
    enable_click = true;// after check this is executed
    queNumber += 1;
    display_quiz(queNumber);
}

HTML代码：

 <div class="row">
            <!-- option1 -->
            <div class="col-md-6" >  
                <a onclick="checkAnswer(id)" class="btn-pink" id="opt_a">Loading...</a>
            </div>
            <!-- option2 -->
            <div class="col-md-6" >
                <a onclick="checkAnswer(id)" class="btn-pink" id="opt_b">Loading...</a>
            </div>
        </div>
        <div class="row btns">
            <!-- option3 -->
            <div class="col-md-6">
                <a onclick="checkAnswer(id)" class="btn-pink"  id="opt_c">Loading...</a>
            </div>
            <!-- option4 -->
            <div class="col-md-6">
                <a  onclick="checkAnswer(id)" class="btn-pink"  id="opt_d">Loading...</a>
            </div>
        </div>

看看注释行，您将了解我要传达的要点。

如果您需要display_quiz，请告诉我；它基本上会在答案检查后显示下一个问题。