Internal JavaScript - 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

RegEx (Regular Expressions) in JavaScript

0/3

Basic Syntax of Regex (Regex)

String Methods Using Regex

Patterns and Flags

JavaScript Modules

0/4

What is JavaScript Modules & Why we use Modules?

Exporting in JavaScript Modules

Importing in JavaScript Modules

Combining Named and Default Exports

JavaScript Hoisting

0/1

What is Hoisting and Types of Hoisting?

JavaScript JSON (JavaScript Object Notation)

0/2

Key Methods of JavaScript JSON

JavaScript Style Guide

0/1

Importance of a Style Guide

JavaScript Best Practices

0/1

JavaScript Best Practices

JavaScript

About Lesson

Internal JavaScript (Using <script> Tag in HTML):

In this method, JavaScript is written within the HTML document but inside the <script> tag. This is useful when the script is only relevant to the specific page. You can place the <script> tag either in the <head> or at the end of the <body> section.

Example:

JavaScript

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Internal JavaScript Example</title>
  <script>
    function showMessage() {
      alert('Hello from Internal JavaScript!');
    }
  </script>
</head>
<body>
  <button onclick="showMessage()">Click Me</button>
</body>
</html>

Head Section: Placing the script inside the <head> section can cause the script to run before the page content is fully loaded.
End of Body: It’s common to place the <script> tag just before the closing </body> tag. This ensures that the HTML content loads first, and then the script executes.