instructions.js

// defining all variables
let marioImage = document.getElementById("mario");
let playBtn = document.getElementById("play-button");
let homeBtn = document.getElementById("home-button-image")

let bgmAudio = new Audio("./assets/background-music.mp3")
bgmAudio.volume = 0.6;
bgmAudio.play()
bgmAudio.loop = true


// Updates marioImage source to marioWalkLarge and adjusts paddingTop for bouncy effect
setInterval(()=>{
    setTimeout(()=>{
        marioImage.setAttribute("src","./assets/Mario Walk - Fall/MarioStandLarge.png");
        marioImage.style.paddingTop="8px";
    },300)
    marioImage.setAttribute("src","./assets/Mario Walk - Fall/MarioWalkLarge.png");
    marioImage.style.paddingTop="12px";
},600)

// when instruction button is clicked it will redirect to index.html
homeBtn.addEventListener("click",() => {
    window.open("./index.html", "_self")
})

// when play button is clicked it will redirect to theme.html
playBtn.addEventListener("click",() => {
    window.open("./theme.html", "_self")
})