JavaScript Examples

JavaScript is an essential language for creating dynamic web applications. Below are examples to help you understand and apply JavaScript concepts effectively.

1. JavaScript Variables

let name = "John";
const age = 25;
var isStudent = true;

console.log(name, age, isStudent); // Output: John 25 true

2. JavaScript Functions

function greet(name) {
    return `Hello, ${name}!`;
}
console.log(greet("Alice")); // Output: Hello, Alice!

3. JavaScript Arrays

let fruits = ["Apple", "Banana", "Cherry"];
fruits.push("Orange"); // Add a fruit
console.log(fruits); // Output: ["Apple", "Banana", "Cherry", "Orange"]

4. JavaScript Objects

let person = {
    firstName: "Jane",
    lastName: "Doe",
    age: 30,
    greet() {
        return `Hi, I’m ${this.firstName} ${this.lastName}`;
    }
};
console.log(person.greet()); // Output: Hi, I’m Jane Doe

5. Conditional Statements

let num = 10;

if (num > 0) {
    console.log("Positive number");
} else if (num < 0) {
    console.log("Negative number");
} else {
    console.log("Zero");
}
// Output: Positive number

6. Loops

For Loop

for (let i = 0; i < 5; i++) {
    console.log(i);
}
// Output: 0 1 2 3 4

While Loop

let count = 0;
while (count < 3) {
    console.log(count);
    count++;
}
// Output: 0 1 2

7. JavaScript Events

document.getElementById("myButton").addEventListener("click", () => {
    alert("Button clicked!");
});

HTML:

<button id="myButton">Click Me!</button>

8. DOM Manipulation

document.getElementById("myDiv").innerHTML = "Hello, World!";

HTML:

<div id="myDiv"></div>

9. Asynchronous JavaScript

Promises

let promise = new Promise((resolve, reject) => {
    let success = true;
    if (success) resolve("Promise resolved!");
    else reject("Promise rejected!");
});

promise
    .then(result => console.log(result))
    .catch(error => console.log(error));

10. Fetch API

fetch("https://api.example.com/data")
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error("Error:", error));

Explore More Examples

Check out more JavaScript examples and tutorials at The Coding College.

Leave a Comment Cancel reply