функции в консоли, но в DOM они перепутаны

Question

Я создаю игру викторины для буткемпа, когда я создаю функции и вызываю их, они все выполняют свою работу правильно, но когда я вызываю их в правильном порядке в браузере, они запутались.

Я попробовал некоторую отладку области, и она начинает работать лучше, но теперь я думаю, что область исправлена ​​и все еще не работает должным образом

$ (document) .ready (function () {$ ("#restartbtn "). hide (); // кнопка перезапуска начинает скрываться и появляется, когда игра заканчивается

$(".game-play").on("click", function (xyz3) {//when clicked grab question and display it
    grabQuestions();

    $('.gameplay').empty();
    cons = 0;
    grabQuestions();
});

$("#restartbtn").on("click", function (xyz4) {
    $('#restart').empty();
 cons = 0;
    grabQuestions();

});
function stopCountdown() {
    clearInterval(elements.countdown);
}

function startTimer() {
    elements.interval1 = setInterval(updateTimer, 1000)
}
function stopTimer() {
    clearInterval(elements.interval1);
    $('.timer').html('');
}

function startDelay() {
    stopDelay();
    elements.delay = setTimeout(grabQuestions, 4000)
}

function stopDelay() {
    clearTimeout(elements.delay);
}

function updateTimer() {
    elements.timmer--;
    if (elements.timer < 0) {
        stopTimer();
    }
    else {
        $(".timer").html('<span class="timer">remaining time: ' + elements.timer + '</span>');

    }
}

Я ожидал, что она будет работать по порядку, но она показывает выигрыш, и в конце запускает игру