Console Debugging

What is console debugging?

Console debugging uses console.log() and similar functions to print values and track program execution. It’s the simplest way to see what your code is doing.

Benefits of console debugging?

  • View variable values
  • Track program flow
  • Identify where code fails
  • Simple and always available
  • Quick debugging method
// Console debugging methods
const player = { name: "Astro", health: 100 };
const enemy = { name: "Guard", health: 50 };

console.log("Player:", player);
console.log("Enemy health:", enemy.health);

// Log with label
console.log("Game state:", { player, enemy });

// Warning message
console.warn("Low health!");

// Error message
console.error("Player took too much damage!");

What does this code do?

  • Uses console.log() to print normal messages
  • Uses console.warn() for warnings
  • Uses console.error() for errors
  • Can log objects and multiple values
  • Shows output in browser console

Try It Yourself

%%js // CODE_RUNNER: console-debugging const player = { name: “Astro”, health: 75 }; console.log(“Player info:”, player); console.table([player]); console.group(“Game State”); console.log(“Health: “ + player.health); console.log(“Name: “ + player.name); console.groupEnd();