Using console.log() - Practicise

Introduction to JavaScript

0/6

What is JavaScript?

Key Features of JavaScript

A Brief History of JavaScript

JavaScript in the Browser vs. Server (Node.js)

Setting Up JavaScript Environment

Why Learn JavaScript?

How to Add JavaScript?

0/3

Inline JavaScript

Internal JavaScript

External JavaScript

Different Ways to Output Data

0/4

Using innerHTML

Using document.write()

Using window.alert()

Using console.log()

Variables and Constants

0/2

var, let, const

Scope of Variables

Data Types

0/2

Primitives Data Types

Non – Primitives Data Types

Operators

0/6

Arithmatic Operator

Assignment Operators

Comparison Operators

Logical Operators

Bitwise Operators

Type Coercion and Conversion

Conditional Statements (if, else if, else)

0/2

if, else if, else

Ternary Operator

Switch Statement

0/1

What is Switch Statement?

Loops

0/5

for…of and for…in Loops

Loop Control: break, continue

Functions

0/8

What is Function ?

Function Declaration vs Function Expression

Parameters and Return Values

Default Parameters

Rest and Spread Syntax (…args)

Anonymous Functions

Arrow Functions

Higher-order Functions

Objects

0/6

Creating objects

Accessing and Modifying Properties

Methods in objects

this Keyword and its Behavior

Object Destructuring

Arrays

0/5

Array Declaration and Initialization

Accessing and Modifying Array Elements

Spread Syntax with Arrays

Array Destructuring

DOM Manipulation

0/4

What is DOM Manipulation?

Selecting Elements

Changing Content and Styles

Adding and Removing Elements Dynamically

Events and Event Listeners

0/7

What is Events and Event Listeners?

Common Event Types and Practical Examples

Removing Event Listeners

Passing Parameters to Event Handlers

Event Delegation

Stopping Event Propagation

Classes in JavaScript

0/9

Classes in JavaScript

Defining a Class

Objects in JavaScript

Real-World Example: User Class

Adding Getters and Setters

Inheritance in JavaScript

The this Keyword

String Functions in JavaScript

0/1

String Functions in JavaScript

Number Functions in Javascript

0/1

Number Functions in JavaScript

Error Handling in JavaScript

0/5

Error Handling in JavaScript

try…catch Block

Throwing Custom Errors

Combining try…catch with Custom Errors

JavaScript

About Lesson

Writing into the Browser Console: Using console.log()

The console.log() method allows you to send output to the browser’s developer console, which is useful for debugging purposes. It doesn’t affect the HTML page or the user’s interaction but helps developers track the execution of code and diagnose issues.

Example:

JavaScript

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Console Log Example</title>
  <script>
    function logMessage() {
      console.log("This message is logged to the console.");
    }
  </script>
</head>
<body>
  <button onclick="logMessage()">Log Message</button>
</body>
</html>

Usage: Ideal for debugging and logging information during development.
Consideration: Users won’t see console.log() outputs unless they open the developer tools, making this a non-intrusive way to track issues without affecting the user experience..