#####   ######  #####    ###    #   #  ###  #   #  ######
##  ##  ##      ##  ##  ## ##   #   #   #   #   #  ##
#####   ####    #####   #   #   #   #   #   #   #  ####
##  #   ##      ##      ## ##    # #    #    # #   ##
##   #  ######  ##       ###      #    ###    #    ######

$ curl repovive.com/roadmaps/javascript/debugging-dev-tools/formatting-console-output

░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█████████████████████████████████████████████████████████████████████████████████████

#####   ######  #####    ###    #   #  ###  #   #  ######
##  ##  ##      ##  ##  ## ##   #   #   #   #   #  ##
#####   ####    #####   #   #   #   #   #   #   #  ####
##  #   ##      ##      ## ##    # #    #    # #   ##
##   #  ######  ##       ###      #    ###    #    ######

$ curl repovive.com/roadmaps/javascript/debugging-dev-tools/formatting-console-output

Repovive

Formatting Console Output - Debugging & Dev Tools | JavaScript | Repovive

Repovive.

JavaScript22 sections · 783 units18h total

Open in Course

Formatting Console Output

Make logs easier to read

Format console output for clarity:

// String substitution
console.log('User %s has %d items', 'Alice', 5);

// Styled output
console.log('%cStyled text', 'color: blue; font-size: 20px');

// Object inspection
console.dir(element, { depth: 2 });

Clear formatting helps when debugging complex data.