Output using console.log in Javascript - Step-by-Step Execution

Concept Flow - Output using console.log

Start Program

↓

Execute console.log()

↓

Print message to Console

↓

Continue or End Program

The program starts, runs console.log() to print a message, then continues or ends.

Execution Sample

Javascript

console.log('Hello, world!');

Prints the text 'Hello, world!' to the console.

Execution Table

Step	Code Executed	Console Output	Program State
1	console.log('Hello, world!');	Hello, world!	Printed message to console
2	End of code		Program ends

💡 Program ends after printing the message.

Variable Tracker

Variable	Start	After Step 1	Final
No variables	N/A	N/A	N/A

Key Moments - 2 Insights

Why doesn't console.log() change any variables?

console.log() only prints messages to the console; it does not modify or create variables, as shown in the execution_table where no variables change.

What happens if you run console.log() multiple times?

Each console.log() prints its message separately in order, similar to step 1 in the execution_table, but repeated for each call.

Visual Quiz - 3 Questions

Look at the execution_table, what is printed to the console at step 1?

A Error message

B No output

C "Hello, world!"

D "console.log"

💡 Hint

Check the 'Console Output' column in the first row of execution_table.

At which step does the program end according to the execution_table?

A Step 2

B Step 1

C Step 3

D Step 0

💡 Hint

Look at the 'Program State' column for the step where it says 'Program ends'.

If you add another console.log('Bye!') after the first, what will happen in the execution_table?

A The first output will change to 'Bye!'

B Another row with 'Bye!' printed will appear

C No new output will appear

D Program will crash

💡 Hint

Each console.log() prints separately, so the table adds a new output row.

Concept Snapshot

console.log(message)
- Prints message to the console
- Used for showing output or debugging
- Does not change variables
- Each call prints on a new line
- Runs immediately when executed

Full Transcript

This example shows how console.log() prints a message to the console. The program starts, executes console.log('Hello, world!'), which prints the text 'Hello, world!' to the console. No variables change because console.log only outputs text. The program then ends. If you add more console.log calls, each prints its message in order. This is useful for showing information or debugging your code.

Practice

1. What does console.log do in JavaScript?

easy

A. It creates a new variable.

B. It stops the program from running.

C. It prints messages or values to the console.

D. It reads input from the user.

Solution

1. Step 1: Understand the purpose of console.log

   console.log is used to show messages or values in the console, helping to see what the program does.

2. Step 2: Compare options with the purpose

   Only It prints messages or values to the console. matches this purpose. Other options describe different actions.

3. Final Answer:

   It prints messages or values to the console. -> Option C

4. Quick Check:

   console.log prints output [OK]

Hint: Remember: console.log shows info in the console [OK]

Common Mistakes:

• Thinking console.log stops the program
• Confusing console.log with input functions
• Assuming console.log creates variables

2. Which of the following is the correct syntax to print "Hello World" using console.log?

easy

A. console.log: 'Hello World'

B. console.print('Hello World')

C. print.console('Hello World')

D. console.log('Hello World')

Solution

1. Step 1: Identify correct console.log syntax

   The correct way to print is console.log('text') with parentheses and quotes around the text.

2. Step 2: Check each option

   console.log('Hello World') uses correct syntax. Options A, B, and C use wrong method names or punctuation.

3. Final Answer:

   console.log('Hello World') -> Option D

4. Quick Check:

   console.log('text') is correct syntax [OK]

Hint: Use console.log() with parentheses and quotes [OK]

Common Mistakes:

• Using console.print instead of console.log
• Missing parentheses
• Using colon instead of parentheses

3. What will be the output of the following code?

let x = 5;
let y = 10;
console.log(x + y);

medium

A. 15

B. 510

C. x + y

D. undefined

Solution

1. Step 1: Understand the variables and operation

   Variables x and y hold numbers 5 and 10. The expression x + y adds these numbers.

2. Step 2: Calculate the sum

   5 + 10 equals 15, so console.log(x + y) prints 15.

3. Final Answer:

   15 -> Option A

4. Quick Check:

   5 + 10 = 15 [OK]

Hint: Add numbers inside console.log to get sum [OK]

Common Mistakes:

• Thinking + concatenates as strings here
• Printing variable names instead of values
• Expecting undefined output

4. Find the error in this code:

console.log('Hello World'

medium

A. Missing closing parenthesis

B. Missing semicolon

C. Wrong quotes used

D. console.log is not a function

Solution

1. Step 1: Check the syntax of console.log

   The function call must have matching opening and closing parentheses.

2. Step 2: Identify the missing part

   The code misses the closing parenthesis after the string, causing a syntax error.

3. Final Answer:

   Missing closing parenthesis -> Option A

4. Quick Check:

   Parentheses must match in function calls [OK]

Hint: Count opening and closing parentheses carefully [OK]

Common Mistakes:

• Ignoring missing parenthesis
• Thinking semicolon is mandatory error
• Confusing quotes with parentheses

5. What will this code print?

let a = 3;
let b = '4';
console.log(a + b);

hard

A. 7

B. 34

C. undefined

D. TypeError

Solution

1. Step 1: Understand the types of variables

   Variable a is a number 3, b is a string '4'.

2. Step 2: Apply + operator with mixed types

   When adding number + string, JavaScript converts number to string and concatenates, so 3 + '4' becomes '34'.

3. Final Answer:

   34 -> Option B

4. Quick Check:

   Number + string concatenates as string [OK]

Hint: Number + string joins as text, not sums [OK]

Common Mistakes:

• Expecting numeric sum
• Thinking it causes error
• Ignoring type conversion rules