pedro-meme-animation/script.js at main · StackOverflowIsBetterThanAnyAI/pedro-meme-animation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
document.addEventListener('DOMContentLoaded', () => {
    const startAnimation = () => {
        const pedroAudio = document.getElementById('pedroAudio')
        const pedroImage = document.getElementById('pedroImage')
        const imgOverlay = document.getElementById('imgOverlay')

        if (pedroAudio.paused) {
            pedroAudio.play()
            imgOverlay.setAttribute('title', 'Give the Raccoon a break!')
            pedroImage.classList.add('animate')
        } else {
            pedroAudio.pause()
            imgOverlay.setAttribute('title', 'Let the Raccoon dance!')
            pedroImage.classList.remove('animate')
        }
    }

    const imgOverlay = document.getElementById('imgOverlay')
    imgOverlay.addEventListener('click', startAnimation)
})