🐛 The Jumping Game Won't Jump!

🎯 Your Mission

Find and fix the bug that prevents the jump button from working.

Starting Code

<!DOCTYPE html>
<html>
<head>
    <title>Platform Jumper</title>
    <style>
        #game { width: 800px; height: 400px; border: 2px solid #333; position: relative; }
        #player { width: 50px; height: 50px; background: #4CAF50; position: absolute; bottom: 0; left: 50px; }
    </style>
</head>
<body>
    <div id="game">
        <div id="player"></div>
    </div>
    <p>Press SPACE to jump!</p>
    <script>
        let player = document.getElementById('player');
        let isJumping = false;
        
        // BUG: The event listener has a typo
        document.addEventListener('keyup', function(event) {
            if (event.code === 'Space' && !isJumping) {
                jump();
            }
        });
        
        function jump() {
            isJumping = true;
            let position = 0;
            let upInterval = setInterval(function() {
                if (position >= 150) {
                    clearInterval(upInterval);
                    let downInterval = setInterval(function() {
                        if (position <= 0) {
                            clearInterval(downInterval);
                            isJumping = false;
                        }
                        position -= 5;
                        player.style.bottom = position + 'px';
                    }, 20);
                }
                position += 5;
                player.style.bottom = position + 'px';
            }, 20);
        }
    </script>
</body>
</html>

🐛 The Jumping Game Won't Jump!

Progress

🎯 Your Mission

Starting Code

💡 Hint

Install GB3A