feat(curriculum): Add interactive examples to What Is console.log Used For, and How Does It Work (#63185)

This commit is contained in:
Clarence Bakosi
2025-10-28 22:44:25 +01:00
committed by GitHub
parent 1ac90f0e22
commit ae2c0afc89

View File

@@ -5,7 +5,9 @@ challengeType: 19
dashedName: what-is-console-log dashedName: what-is-console-log
--- ---
# --description-- # --interactive--
The prior lessons introduced you to `console.log()` but this lesson will dive deeper into its purpose and usage.
In JavaScript, `console.log()` is a simple yet powerful tool used to display messages or output information to the browser's console. It's mostly used by developers to debug and inspect code while working on their programs. In JavaScript, `console.log()` is a simple yet powerful tool used to display messages or output information to the browser's console. It's mostly used by developers to debug and inspect code while working on their programs.
@@ -13,22 +15,44 @@ You can use `console.log()` to log text or variables to the console and ensure y
To use `console.log()`, you call the method with the value or message you want to output inside the parentheses. Here are some examples: To use `console.log()`, you call the method with the value or message you want to output inside the parentheses. Here are some examples:
:::interactive_editor
```js ```js
console.log("Hello, world!"); console.log("Hello, world!");
let num = 5; let num = 5;
console.log(num); console.log(num); // 5
``` ```
:::
The first example prints `Hello, world!` in the browser's console, while the second example prints the value `5`. The first example prints `Hello, world!` in the browser's console, while the second example prints the value `5`.
Here is another example of working with `console.log()`: Here is another example of working with `console.log()`:
:::interactive_editor
```js ```js
let name = "Alice"; let name = "Alice";
console.log("Hello, " + name + "!"); // Outputs: Hello, Alice! console.log("Hello, " + name + "!"); // Hello, Alice!
``` ```
:::
You can also pass in multiple values to `console.log()` separated by commas. For example:
:::interactive_editor
```js
let name = "Alice";
let age = 25;
console.log("Name:", name, "Age:", age); // Name: Alice Age: 25
```
:::
This is helpful for logging multiple pieces of information at once.
The `console.log()` method helps you monitor your code as it runs, making it easier to spot mistakes and understand how your program behaves. The `console.log()` method helps you monitor your code as it runs, making it easier to spot mistakes and understand how your program behaves.
# --questions-- # --questions--
@@ -136,7 +160,7 @@ Review the beginning of the lesson where this was discussed.
--- ---
It is commonly used to ensure that your JavaScript code is adhering to best practices. It is commonly used to ensure that your JavaScript code is adhering to best practices.
### --feedback-- ### --feedback--