← Home BP · 7-9 🕵️

Bug Detective

74
Day 1 🔥
🎯 Today's Missions
🔍 🐞 🗂️ 🔎
🕵️
Detective Agency Universe
Bug Detective
Every coder writes bugs — even pros! DEBUGGING is how you catch them: read the code, spot the sneaky line, fix it, then run the test again. Today you get a magnifying glass and 5 real cases to solve! 🔍

🕵️ What we're MAKING today: My Case Board

You already know variables (Memory Boxes), comparisons (Spotlight Chief), loops (Caterpillar Crawl), and AND/OR logic (Logic Boss). But here's a secret: even professional coders write code that goes WRONG — we call the mistake a bug 🐞. The skill of finding and fixing bugs is called debugging, and it's the #1 job of every real engineer!

The debug loop has 4 steps: 1. READ the code line by line → 2. SPOT the line that's wrong → 3. FIX it → 4. TEST again. If it's still broken... loop back and look again! 🔁

🔗 Way back in Bug Squash (when you were 4-6!) you tapped the one broken block. Now you're older: you read REAL code lines, compare them to what SHOULD happen, and catch sneaky bugs like typos, wrong numbers, and flipped logic. Welcome to the big leagues, Detective! 🕵️
case-file.js JavaScript 

    

      💡 The bug hides on ONE line. Find it!
      read → spot → fix → test
    

  


  
  

    

      case board
      LIVE
    

    

      

        
🐞 BUG DETECTED

        
🎂

        
The Case of the Sad Cake

        

        

          
❌ What happened

          

        

        

          
📁 Case
1 / 5

          
✅ Solved
0

          
🎖️ Rank
Rookie 🔍

        

      

    

  









  
  

    Step 1 / 5
    
Read the code and the broken result. Tap the line where the bug is hiding!

  


  

    

      
🔍 Where is the bug hiding? STEP 2 · SPOT

      

    

    
    
🕵️ Detective rule: read the COMMENT first — it tells you what the code SHOULD do. Then find the line that doesn't do it!

  


  
  

    
    
    
    
    
  







  
📋 Your 5 Detective Cases

  







  

  
0 of 5 cases solved







  

    
🕵️

    
You Mastered Bug Detective!

    
You solved all 5 cases using the real debug loop — read, spot, fix, test! Professional engineers do EXACTLY this every day. Bugs aren't failures... they're puzzles waiting for you! 🐞🔍

    

      
💫 What You Learned

      
    
        
  • A bug is a mistake in code — and debugging means finding & fixing it
    • 
        
  • The debug loop: READ → SPOT → FIX → TEST — and loop again if it's still wrong!
    • 
        
  • Bugs hide in many shapes: wrong values, flipped comparisons (< vs >), wrong loop counts, mixed-up AND/OR, and typos in names!
    • 
        
  • Read the comment — it tells you what the code SHOULD do, so you can spot what doesn't
    • 
        
  • The line that breaks isn't always the line that's wrong — like the typo that broke the scoreboard!
    • 
      

    

    

      
🕵️ Your Creation

      
My Case Board

    

    

    

      
🔍 Come Back Tomorrow!

      
Next up: Console Explorer — real detectives leave secret notes everywhere! Learn console.log(), the magic message tool coders use to spy on their code and squash bugs even FASTER! 💬

    

    

      🏠 Home
      
      
      
    

  






Nice! 🎉