interactions.js

function onCodeInput(number) {
    var currentText = document.getElementById("guess" + number).value
    if (currentText.length >= 2) {
        document.getElementById("guess" + number).value = currentText.charAt(1)
    }

    //Check If Correct Code
    if (correctCode[0] == guess1.value && correctCode[1] == guess2.value && correctCode[2] == guess3.value) {
        guess1.disabled = true
        guess2.disabled = true
        guess3.disabled = true
        continueButton.disabled = false
        headerLabel.innerHTML = "GOOD JOB!"

        //Animations
        document.getElementById("lockAnimation").style.backgroundPosition = "0px -32px"
        animateWithReflow("continueButton", "bounce-in")
    }
}

function revealAnswer() {
    document.getElementById("answerLabel").innerHTML = correctCode[0] + "" + correctCode[1] + "" + correctCode[2]
}

function animateWithReflow(element, animation) {
    document.getElementById(element).classList.remove(animation)
    void document.getElementById(element).offsetWidth
    document.getElementById(element).classList.add(animation)
    document.getElementById(element).style.opacity = "1"
}