Introduction to JavaScript

JavaScript is a powerful programming language used to make web pages interactive and dynamic.

It runs in the browser and allows developers to add behavior to HTML and CSS-based pages.

What is JavaScript?

JavaScript is a high-level, interpreted programming language primarily used for web development.

It enables features like animations, form validation, dynamic content updates, and interactive UI.

Why JavaScript is Important

JavaScript transforms static websites into interactive web applications.

Without JavaScript, modern web experiences like social media, dashboards, and apps would not exist.

Where JavaScript Runs

JavaScript runs mainly in web browsers like Chrome, Firefox, and Edge.

It can also run on servers using environments like Node.js.

Adding JavaScript to a Web Page

<script>
  console.log('Hello JavaScript');
</script>

JavaScript can be added directly inside HTML using the <script> tag.

External JavaScript File

<script src="app.js"></script>

External files help keep code organized and reusable.

JavaScript Output Methods

JavaScript provides multiple ways to display output.

console.log()
alert()
document.write()

Variables in JavaScript

Variables are used to store data values.

let name = 'John';
const age = 25;
var city = 'Delhi';

Data Types

JavaScript supports different data types like string, number, boolean, object, and array.

let name = 'Alice'; // string
let age = 30; // number
let isActive = true; // boolean

Operators in JavaScript

Operators are used to perform actions on variables and values.

+ - * / % = == ===

Conditional Statements

Conditionals allow decision-making in code.

if (age > 18) {
  console.log('Adult');
} else {
  console.log('Minor');
}

Loops in JavaScript

Loops are used to repeat code multiple times.

for (let i = 0; i < 5; i++) {
  console.log(i);
}

Functions

Functions are reusable blocks of code.

function greet(name) {
  return 'Hello ' + name;
}

Events in JavaScript

Events are actions like clicks, key presses, or form submissions.

button.addEventListener('click', function() {
  alert('Button clicked');
});

DOM (Document Object Model)

The DOM represents the structure of a web page as objects.

JavaScript can manipulate the DOM to change content dynamically.

document.getElementById('title').innerText = 'New Title';

Why JavaScript is Powerful

JavaScript enables full interactivity in modern web applications.

It is used in frontend, backend, mobile apps, and even AI tools.

Common Beginner Mistakes

Beginners often confuse == and === operators.

Another mistake is not understanding scope of variables.

Best Practices

Use let and const instead of var for better code safety.

Write clean and modular functions for better readability.

Real-World Importance

JavaScript is used in almost every modern website and web application.

It powers frameworks like React, Angular, and Vue.

Summary

JavaScript is the core language of the web used to create interactive applications.

Mastering JavaScript is essential for becoming a professional web developer.