Ultimate Guide : Array and Collections

changing css style with javascript not working when full screen

Ramesh

I am showing/hiding div element with this code. It works fine, but once the app goes full screen, the div element stops updating. Ie it seems that when full screen, the changes in css are not working/updating anymore

document.addEventListener("keypress", function (event) {

    if (event.keyCode == 122) {
        disableCartModal();
    }

    if (event.keyCode == 120) {
        enableCartModal();
    }
});

function disableCartModal() {
    document.getElementById("cart-modal").style.display = "none";
}

function enableCartModal() {
    document.getElementById("cart-modal").style.display = "block";
}