%%html
<img id="game-background" src="../images/InitialBackdrop.png" width="384" height="576">
function changeBackground(element, newBackground) {
    element.setAttribute("src","../images/NewBackdrop.png");
    element.setAttribute("width","384")
    element.setAttribute("height","576")

}

// Example use
const backgroundElement = document.getElementById("game-background");
const newBackgroundImage = "../images/NewBackdrop.png"; // Change to the path of your new .png image

// Call the function to change the background
changeBackground(backgroundElement, newBackgroundImage);
// Function to change background on "e" key press
        function handleKeyPress(event) {
            if (event.key === "e") {
                changeBackground(backgroundElement, newBackgroundImage);
            }
        }

        // Add event listener to the document
        document.addEventListener("keydown", handleKeyPress);

function changeBackground(element, newBackground) { element.setAttribute(“src”,”../images/NewBackdrop.png”); element.setAttribute(“width”,”384”) element.setAttribute(“height”,”576”)

}

// Example use const backgroundElement = document.getElementById(“game-background”); const newBackgroundImage = “../images/NewBackdrop.png”; // Change to the path of your new .png image

// Call the function to change the background changeBackground(backgroundElement, newBackgroundImage); // Function to change background on “e” key press function handleKeyPress(event) { if (event.key === “e”) { changeBackground(backgroundElement, newBackgroundImage); } }

    // Add event listener to the document
    document.addEventListener("keydown", handleKeyPress);