100+ JavaScript

Loop In JS Function localStorage Drag Drop Object get set

Asynchronous JS

Callback Promises

Web API

Web API Intro Cookie Fetch API

JS PDF

Basic Pdf

Toast.js

Basic Toastr

➰Learn about of JS function🧑‍💻

Function are fundamental building of blocks in programming and are used extensively in real-world applications to organize code, improve reusability and solve complex problems.

Function declarations:

                        
function functionName(parameters) {
    // code to be executed
}

Here are main type of function.

Named Function

                         
function greet() {
    console.log("Hello, World!");
}

Anonymous Function

                         
const greet = function() {
    console.log("Hello, World!");
};

Arrow Function

                         
const greet = () => {
    console.log("Hello, World!");
};

console.log(greet());

Self_Invoking Function

                         
(()=>{
    console.log("Hello Shanto");
})();

Contructor Function

                         
function Person(name,age){
    this.name=name;
    this.age=age;
}

const Me=new Person("shanto",23);
console.log(Me.name+" "+Me.age);

Async Function: A function that allows the use the await to pause execution untill a promise is resolved.

                         
async function fetchData() {
    const response = await fetch('url');
    const data = await response.json();
    console.log(data);
}

🌐Application🈸

Handling user input, validating forms, and processing data

A login system that checks user credentials.


function validateLogin(username, password) {
    // Simulate validation logic
    if (username === "admin" && password === "1234") {
        return "Login successful!";
    } else {
        return "Invalid username or password.";
    }
}

console.log(validateLogin("admin", "1234")); // Output: Login successful!
console.log(validateLogin("user", "abcd"));  // Output: Invalid username or password.

Dynamic Content Rendering

A function that generates HTML content based on user data.


function createUserCard(name,age){
    return`<div class='user-card'>
            <h2>${name}</h2>
            <p>${age}</p>
    </div>`;
}
document.body.innerHTML=createUserCard("Shanto", 24);

Analyzing & Tranforming Data

A function filter out invalid data from a entires dataset.


let numbers=[1,2,-4,5,-6,0];
let now=numbers.filter(number=>{
        console.log(number);
        return number>0;
})

console.log(numbers);
console.log(now);

Scheduling Taks

A function that sends daily email reports.


function sendDailyReport() {
    console.log("Daily report sent at", new Date().toLocaleTimeString());
}

setInterval(sendDailyReport, 24 * 60 * 60 * 1000); // Runs once every 24 hours

Handling API reuquest & response

A function that processs a user's order and returns a confrimation.


function processOrder(order){
    if(order.isValid){
        return{
            status:"success",
            message:"Your order has been processed.",
        };
    }
    else{
        return{
            status:"error",
            message:"Invalid order.",
        };

    }

}
const order={isValid:true,items:["Apple","orange"]};

console.log(processOrder(order));