🚀 JavaScript Interview Questions with Answers — Part 2

11. What is a function in JavaScript? 
A function is a reusable block of code designed to perform a specific task.

Why Functions Are Important: 
• Reuse code
• Improve readability
• Reduce duplication
• Make programs modular

Syntax:

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

Calling a Function: greet();

Function With Parameters:

function greet(name) {
    console.log("Hello " + name);
}

greet("Deepak");

12. What is a function declaration vs expression? 

Function Declaration 
Defined using the function keyword with a name.

function add(a, b) {
    return a + b;
}

Function Expression 
Function stored inside a variable.

const add = function(a, b) {
    return a + b;
};

Feature Comparison: 
Hoisted → Declaration: Yes, Expression: No 
Named → Declaration: Usually, Expression: Can be anonymous 

Key Point: 
Function declarations can be called before they are defined because of hoisting.

13. What is an arrow function? 
Arrow functions are a shorter syntax for writing functions introduced in ES6.

Syntax:

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

Example With Parameters:

const add = (a, b) => a + b;
console.log(add(2, 3));

Benefits: 
• Shorter syntax
• Cleaner code
• No own this binding

Important: 
Arrow functions should not be used as object methods when this is required.

14. What is hoisting? 
Hoisting is JavaScript’s behavior of moving declarations to the top of the scope before execution.

Example:

console.log(a);
var a = 10;

Internally:

var a;
console.log(a);
a = 10;

Output: undefined

Important Points: 
• var is hoisted and initialized as undefined
• let and const are hoisted but stay in the Temporal Dead Zone (TDZ)

Function Hoisting:

sayHello();

function sayHello() {
    console.log("Hello");
}

15. What is a closure? 
A closure is created when an inner function remembers variables from its outer function even after the outer function has finished execution.

Example:

function outer() {
    let count = 0;

    return function inner() {
        count++;
        console.log(count);
    };
}

const counter = outer();

counter(); // 1
counter(); // 2

Why Closures Are Useful: 
• Data privacy
• Maintaining state
• Callbacks
• Memoization

Interview Definition: 
A closure gives a function access to its outer scope even after the outer function is executed.

16. What is the module pattern? 
The module pattern is used to create private and public variables/functions using closures.

Example:

const Counter = (function() {
    let count = 0;

    return {
        increment: function() {
            count++;
            console.log(count);
        },

        decrement: function() {
            count--;
            console.log(count);
        }
    };
})();

Counter.increment();
Counter.increment();

Benefits: 
• Encapsulation
• Data hiding
• Avoids global scope pollution

17. What is IIFE? 
IIFE stands for: 
Immediately Invoked Function Expression

It runs immediately after being created.

Syntax:

(function() {
    console.log("IIFE Executed");
})();

Arrow Function IIFE:

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

Why Use IIFE? 
• Avoid global variables
• Create private scope
• Execute code instantly

18. What is the difference between function parameters and arguments? 
Parameters → Variables in function definition 
Arguments → Actual values passed to function 

Example:

function greet(name) { // Parameter
    console.log(name);
}

greet("Deepak"); // Argument

Key Point: 
• Parameters receive values
• Arguments send values

19. What is a default parameter?
Default parameters allow functions to use a default value if no argument is passed.

Example:

function greet(name = "Guest") {
    console.log("Hello " + name);
}

greet();
greet("Deepak");

Output:

Hello Guest
Hello Deepak


Benefit: 
Prevents undefined values.

20. How do optional / rest parameters (...args) work? 
Rest parameters collect multiple arguments into a single array.

Syntax:

function sum(...numbers) {
    return numbers.reduce((total, num) => total + num, 0);
}

console.log(sum(1, 2, 3, 4));

Output: 10

Benefits: 
- Accept unlimited arguments 
- Cleaner function handling 

Difference Between Spread and Rest: 
Rest (...) → Collect values 
Spread (...) → Expand values 

Spread Example:

const nums = [1, 2, 3];
console.log(...nums);

Double Tap ❤️ For Part-3

𝗣𝗿𝗼𝗱𝘂𝗰𝘁 𝗠𝗮𝗻𝗮𝗴𝗲𝗺𝗲𝗻𝘁 𝘄𝗶𝘁𝗵 𝗔𝗜 𝗣𝗿𝗼𝗴𝗿𝗮𝗺 by iHUB IIT Roorkee 😍

Freshers get paid 12 LPA average salary for the role of Associate Product Manager! 💼

𝗛𝗶𝗴𝗵𝗹𝗶𝗴𝗵𝘁𝘀:
✅ Learn from IIT Roorkee Professors
✅Placement support from 5,000+ companies
✅ Professional Certification in Product Management with Applied AI
✅ 100% Online Program
✅ Open to Everyone

📅𝗗𝗲𝗮𝗱𝗹𝗶𝗻𝗲: 17th May 2026

  𝗔𝗽𝗽𝗹𝘆 𝗡𝗼𝘄👇 :- 

https://pdlink.in/4ddJZ5C

⚡ Limited Seats Available — Apply Soon!

🚀 JavaScript Interview Questions with Answers — Part 3

21. What is an array in JavaScript?
An array is a special object used to store multiple values in a single variable.

Example:
const fruits = ["Apple", "Banana", "Mango"];

Access Elements:
console.log(fruits[0]); // Apple

Features:
• Ordered collection
• Zero-based indexing
• Can store mixed data types

Example:
const data = ["Deepak", 25, true];

22. How do you add/remove elements from an array?

Add Elements
push() → Add at end
const arr = [1, 2];
arr.push(3);
console.log(arr);

unshift() → Add at beginning
arr.unshift(0);

Remove Elements
pop() → Remove from end
arr.pop();
shift() → Remove from beginning
arr.shift();

Example:
const numbers = [1, 2, 3];
numbers.push(4);
numbers.pop();
console.log(numbers);

23. What is the difference between push(), pop(), shift(), unshift()?
push() → Add element at end
pop() → Remove element from end
shift() → Remove element from start
unshift() → Add element at start

Example:
const arr = [1, 2];
arr.push(3);
arr.unshift(0);
console.log(arr);
arr.pop();
arr.shift();
console.log(arr);
Output:
[0][1][2][3]

24. What is map(), filter(), and reduce()?
These are important array methods used in functional programming.

map()
Creates a new array by transforming elements.
const nums = [1, 2, 3];
const doubled = nums.map(num => num * 2);
console.log(doubled);

Output:
[2][4][6]

filter()
Returns elements matching a condition.
const nums = [1, 2, 3, 4];
const even = nums.filter(num => num % 2 === 0);
console.log(even);

Output:
[2][4]

reduce()
Reduces array to a single value.
const nums = [1, 2, 3];
const sum = nums.reduce((total, num) => total + num, 0);
console.log(sum);

Output:
6

25. How do you remove duplicates from an array?

Using Set
const nums = [1, 2, 2, 3, 4, 4];
const unique = [...new Set(nums)];
console.log(unique);

Output:
[1][2][3][4]

Why Set?
A Set stores only unique values.

Alternative Using filter()
const arr = [1, 2, 2, 3];
const unique = arr.filter((item, index) =>
arr.indexOf(item) === index
);
console.log(unique);

26. How do you flat / flatten an array?
Flattening means converting nested arrays into a single array.

Using flat()
const arr = [1, [2, 3], [4, 5]];
console.log(arr.flat());

Output:
[1][2][3][4][5]

Deep Flatten:
const arr = [1, [2, [3, 4]]];
console.log(arr.flat(Infinity));

Using reduce()
const arr = [[1, 2], [3, 4]];
const flat = arr.reduce((acc, val) => acc.concat(val), []);
console.log(flat);

27. What is an object in JavaScript?
An object is a collection of key-value pairs.

Example:
const person = {
name: "Deepak",
age: 25,
city: "Oslo"
};

Access Properties:
console.log(person.name);

Objects Can Store:
• Strings
• Numbers
• Arrays
• Functions
• Other objects

28. What is the difference between dot and bracket notation?

Dot Notation
console.log(person.name);

Bracket Notation
console.log(person["name"]);

Dot Notation
• Simple syntax
• Faster to write

Bracket Notation
• Dynamic keys supported
• Useful for spaces/special chars

Example:
const obj = {
"first name": "Deepak"
};
console.log(obj["first name"]);

29. How do you merge two objects?

Using Spread Operator
const obj1 = {a: 1};
const obj2 = {b: 2};
const merged = {...obj1,...obj2};
console.log(merged);

Output:
{a: 1, b: 2}

Using Object.assign()
const merged = Object.assign({}, obj1, obj2);

Important:
If duplicate keys exist, later values overwrite earlier ones.

30. How do you deep clone an object? 
Deep cloning creates a completely independent copy of an object.

Using structuredClone()  
const obj = {  
    name: "Deepak",  
    address: {  
        city: "Oslo"  
    }  
};  
const clone = structuredClone(obj);

Using JSON Method  
const clone = JSON.parse(JSON.stringify(obj));

Double Tap ❤️ For Part-4

𝗙𝗥𝗘𝗘 𝗗𝗮𝘁𝗮 𝗔𝗻𝗮𝗹𝘆𝘁𝗶𝗰𝘀 𝗖𝗲𝗿𝘁𝗶𝗳𝗶𝗰𝗮𝘁𝗶𝗼𝗻 𝗯𝘆 𝗠𝗶𝗰𝗿𝗼𝘀𝗼𝗳𝘁 & 𝗟𝗶𝗻𝗸𝗲𝗱𝗜𝗻! 🎓

Stop scrolling! This is your chance to get certified by two of the biggest names in tech— 📊 Level up your Data Skills for FREE!

✅ What you get:
• Official Microsoft & LinkedIn Certification
• High-demand Data Analytics skills
• Perfect for your Resume/LinkedIn profile

𝗘𝗻𝗿𝗼𝗹𝗹 𝗙𝗼𝗿 𝗙𝗥𝗘𝗘👇:- 
 
https://pdlink.in/4ubzzcC

👉Don't miss out on this career upgrade. Limited time offer!

🚀 JavaScript Interview Questions with Answers — Part 4

31. What is if/else and switch?

Both are conditional statements used to make decisions in JavaScript.

if/else 
Executes code based on conditions. 

let age = 18;

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

switch 
Used when checking multiple possible values. 

let day = 2;

switch(day) {
    case 1:
        console.log("Monday");
        break;

    case 2:
        console.log("Tuesday");
        break;

    default:
        console.log("Invalid Day");
}

Difference: 
if/else - Better for conditions/ranges, Flexible 
switch - Better for exact values, Cleaner for many cases

32. What is the difference between for, for...in, and for...of?

for 
Traditional loop. 

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

for...in 
Used for iterating object keys. 

const person = {
    name: "Deepak",
    age: 25
};

for (let key in person) {
    console.log(key);
}

for...of 
Used for iterable values like arrays. 

const nums = [1, 2, 3];

for (let num of nums) {
    console.log(num);
}

Key Difference: 
Loop - Best For 
for - Full control 
for...in - Object properties 
for...of - Array values

33. What is the while and do-while loop?

Both loops execute code repeatedly while a condition is true.

while Loop 
Condition checked before execution. 

let i = 1;

while (i <= 3) {
    console.log(i);
    i++;
}

do-while Loop 
Runs at least once before checking condition. 

let i = 1;

do {
    console.log(i);
    i++;
} while(i <= 3);

Difference: 
while - Condition first, May run zero times 
do-while - Code first, Runs at least once

34. What is the ternary operator?

The ternary operator is a shorthand for if/else.

Syntax: 
condition? trueValue : falseValue

Example: 

let age = 20;

let result = age >= 18 ? "Adult" : "Minor";

console.log(result);

Benefits: 
• Shorter code
• Cleaner simple conditions

35. What is short-circuit evaluation?

JavaScript stops evaluating expressions as soon as the result is known.

Using && 
Returns first falsy value. 

console.log(false && "Hello");

Output: 
false

Using || 
Returns first truthy value. 

console.log("" || "Default");

Output: 
Default

Practical Example: 

let username = "";

let displayName = username || "Guest";

console.log(displayName);

36. What is the difference between break and continue?

Keyword - Purpose 
break - Stops the loop completely 
continue - Skips current iteration

break Example 

for (let i = 1; i <= 5; i++) {
    if (i === 3) {
        break;
    }
    console.log(i);
}

Output: 
1 
2

continue Example 

for (let i = 1; i <= 5; i++) {
    if (i === 3) {
        continue;
    }
    console.log(i);
}

Output: 
1 
2 
4 
5

37. How do you iterate over an array or object?

Array Iteration 
Using forEach() 

const nums = [1, 2, 3];

nums.forEach(num => {
    console.log(num);
});

Object Iteration 
Using for...in 

const person = {
    name: "Deepak",
    age: 25
};

for (let key in person) {
    console.log(key, person[key]);
}

Using Object.keys() 

Object.keys(person).forEach(key => {
    console.log(key);
});

38. How do you implement recursion?

Recursion is when a function calls itself until a stopping condition is met.

Example: Factorial

function factorial(n) {
    if (n === 1) {
        return 1;
    }
    return n * factorial(n - 1);
}

console.log(factorial(5));

Output: 
120

Important Parts: 
1. Base condition
2. Recursive call

Without a base condition → infinite recursion.

39. When would you use for vs forEach()?
for Loop vs forEach() 
for - More control, Can use break/continue, Faster in heavy loops 

forEach() - Cleaner syntax, Cannot stop early, Better readability

for Example

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

forEach() Example

[1, 2, 3].forEach(num => {
    console.log(num);
});

Interview Tip: 
Use forEach() for readability and for when more control is needed.

40. How do you handle early exits from loops?
Using break

for (let i = 1; i <= 5; i++) {
    if (i === 3) {
        break;
    }
    console.log(i);
}

Using return Inside Functions

function test() {
    for (let i = 1; i <= 5; i++) {
        if (i === 3) {
            return;
        }
        console.log(i);
    }
}

test();

Important:
forEach() does not support break directly.

Use:
• for
• for...of
• some()
• every()

for early exits.

Double Tap ❤️ For Part-5

𝗣𝗮𝘆 𝗔𝗳𝘁𝗲𝗿 𝗣𝗹𝗮𝗰𝗲𝗺𝗲𝗻𝘁 𝗣𝗿𝗼𝗴𝗿𝗮𝗺 𝗧𝗼 𝗕𝗲𝗰𝗼𝗺𝗲 𝗮 𝗝𝗼𝗯-𝗥𝗲𝗮𝗱𝘆 𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿🔥

No upfront fees. Learn first, pay only after you get placed! 💼✨

🚀 What You’ll Get:
✅ Full Stack Development Training
✅ GenAI + Real Industry Projects
✅ Live Classes & 1:1 Mentorship
✅ Mock Interviews & Resume Support
✅ 500+ Hiring Partners
✅ Average Package: 7.4 LPA

🎯 Ideal for:- Freshers , College Students, Career Switchers & Anyone looking to enter Tech

💻 Learn In-Demand Skills & Build Your Dream Tech Career!

𝐑𝐞𝐠𝐢𝐬𝐭𝐞𝐫 𝐍𝐨𝐰 👇:-

 https://pdlink.in/42WOE5H

Hurry! Limited seats are available.🏃‍♂️

📂 Frontend Development
∟📂 Learn HTML
∟📂 Learn CSS
∟📂 Learn JavaScript
∟📂 Learn React
∟📂 Learn Redux
∟📂 Learn TypeScript

📂 Backend Development
∟📂 Learn Node.js
∟📂 Learn Express.js
∟📂 Learn MongoDB
∟📂 RESTful APIs
∟📂 Authentication (JWT, OAuth)
∟📂 GraphQL
∟📂 SQL (e.g., MySQL, PostgreSQL)
∟📂 Database Design

Web Development Best Resources
∟📂 topmate.io/coding/930165

ENJOY LEARNING 👍👍

𝗙𝗥𝗘𝗘 𝗢𝗻𝗹𝗶𝗻𝗲 𝗠𝗮𝘀𝘁𝗲𝗿𝗰𝗹𝗮𝘀𝘀 𝗢𝗻 𝗗𝗮𝘁𝗮 𝗔𝗻𝗮𝗹𝘆𝘁𝗶𝗰𝘀 ( 𝗕𝘂𝘀𝗶𝗻𝗲𝘀𝘀 𝗔𝗻𝗮𝗹𝘆𝘁𝗶𝗰𝘀)😍

Learn the Latest 5 Analytics Tools in 2026

Learn Essential skills to stay competitive in the evolving job market

Eligibility :- Students ,Graduates & Working Professionals 

𝗥𝗲𝗴𝗶𝘀𝘁𝗲𝗿 𝗙𝗼𝗿 𝗙𝗥𝗘𝗘 👇:-

https://pdlink.in/4tFlovr

(Limited Slots ..HurryUp🏃‍♂️ ) 

𝐃𝐚𝐭𝐞 & 𝐓𝐢𝐦𝐞:- 20th May 2026, at 7 PM

🎯 Frontend Developer Tips

✅ Prioritize UX
✅ Keep components reusable
✅ Avoid unnecessary re-renders
✅ Write accessible UI
✅ Maintain consistency
✅ Test across devices

🚀 𝗙𝗥𝗘𝗘 𝗕𝗲𝗴𝗶𝗻𝗻𝗲𝗿 𝗧𝗲𝗰𝗵 𝗖𝗼𝘂𝗿𝘀𝗲𝘀 𝗧𝗼 𝗨𝗽𝗴𝗿𝗮𝗱𝗲 𝗬𝗼𝘂𝗿 𝗖𝗮𝗿𝗲𝗲𝗿 🔥

Still confused where to start in tech? 🤔
These FREE beginner-friendly courses can help you build job-ready skills in 2026 🚀

✨ Learn in-demand skills like:
✔️ Programming & Tech Basics
✔️ Data & Digital Skills 📊
✔️ Career-Boosting Concepts 💡
✔️ Industry-Relevant Fundamentals

💯 Beginner Friendly + FREE Certificates 🎓

𝗘𝗻𝗿𝗼𝗹𝗹 𝗙𝗼𝗿 𝗙𝗥𝗘𝗘👇:

https://pdlink.in/4d4b1uK

💼 Perfect for Students, Freshers & Career Switchers

🎯 Tech Career Tracks What You’ll Work With 🚀👨‍💻

💡 1. Data Scientist
▶️ Languages: Python, R
▶️ Skills: Statistics, Machine Learning, Data Wrangling
▶️ Tools: Pandas, NumPy, Scikit-learn, Jupyter
▶️ Projects: Predictive models, sentiment analysis, dashboards

📊 2. Data Analyst
▶️ Tools: Excel, SQL, Tableau, Power BI
▶️ Skills: Data cleaning, Visualization, Reporting
▶️ Languages: Python (optional)
▶️ Projects: Sales reports, business insights, KPIs

🤖 3. Machine Learning Engineer
▶️ Core: ML Algorithms, Model Deployment
▶️ Tools: TensorFlow, PyTorch, MLflow
▶️ Skills: Feature engineering, model tuning
▶️ Projects: Image classifiers, recommendation systems

🌐 4. Cloud Engineer
▶️ Platforms: AWS, Azure, GCP
▶️ Tools: Terraform, Ansible, Docker, Kubernetes
▶️ Skills: Cloud architecture, networking, automation
▶️ Projects: Scalable apps, serverless functions

🔐 5. Cybersecurity Analyst
▶️ Concepts: Network Security, Vulnerability Assessment
▶️ Tools: Wireshark, Burp Suite, Nmap
▶️ Skills: Threat detection, penetration testing
▶️ Projects: Security audits, firewall setup

🕹️ 6. Game Developer
▶️ Languages: C++, C#, JavaScript
▶️ Engines: Unity, Unreal Engine
▶️ Skills: Physics, animation, design patterns
▶️ Projects: 2D/3D games, multiplayer games

💼 7. Tech Product Manager
▶️ Skills: Agile, Roadmaps, Prioritization
▶️ Tools: Jira, Trello, Notion, Figma
▶️ Background: Business + basic tech knowledge
▶️ Projects: MVPs, user stories, stakeholder reports

💬 Pick a track → Learn tools → Build + share projects → Grow your brand

❤️ Tap for more!

𝗔𝗜/𝗠𝗟 𝗿𝗼𝗹𝗲𝘀 𝗮𝗿𝗲 𝗳𝗮𝘀𝘁𝗲𝘀𝘁-𝗴𝗿𝗼𝘄𝗶𝗻𝗴 𝗰𝗮𝗿𝗲𝗲𝗿 𝗳𝗶𝗲𝗹𝗱 𝗶𝗻 𝟮𝟬𝟮𝟲😍

The demand is real, salaries are high, and the talent gap is wide open

Enrol for AI/ML Certification Program by CCE, IIT Mandi!

Eligibility: Open to everyone
Duration: 6 Months
Program Mode: Online
Taught By: IIT Mandi Professors

Deadline :- 23rd May

𝗥𝗲𝗴𝗶𝘀𝘁𝗲𝗿 𝗡𝗼𝘄👇 :-

https://pdlink.in/4nmI024
.
🎓Get Placement Assistance With 5000+ Companies

Sure! Here’s the modified version with * replaced by **:

🚀 JavaScript Interview Questions with Answers — Part 5

41. What is the DOM?

DOM stands for:
Document Object Model

It is a programming interface that represents an HTML document as a tree structure so JavaScript can access and manipulate webpage elements.

Example HTML:
<h1 id="title">Hello</h1>

JavaScript:

const heading = document.getElementById("title");
console.log(heading);

What You Can Do With DOM:
• Change text/content
• Change styles
• Add/remove elements
• Handle events
• Create interactive webpages

42. How do you select an element by id, class, or tag?

Select by ID

document.getElementById("title");

Select by Class

document.getElementsByClassName("box");

Select by Tag

document.getElementsByTagName("p");

Modern Selectors

querySelector()
Returns first matching element.

document.querySelector(".box");

querySelectorAll()
Returns all matching elements.

document.querySelectorAll(".box");

Interview Tip:
querySelector() is commonly used in modern JavaScript.

43. How do you change element text or HTML?

Change Text
Using textContent

const heading = document.getElementById("title");
heading.textContent = "Welcome";

Change HTML
Using innerHTML

heading.innerHTML = "<span>Hello</span>";

Difference:
Property: textContent → Purpose: Plain text only

Property: innerHTML → Purpose: HTML content

Important:
Avoid unsafe innerHTML with user input because of XSS security risks.

44. How do you add/remove/replace a DOM element?

Create Element

const div = document.createElement("div");
div.textContent = "New Element";

Add Element

document.body.appendChild(div);

Remove Element

div.remove();

Replace Element

const newElement = document.createElement("p");
newElement.textContent = "Updated";
div.replaceWith(newElement);

45. How do you listen to click, keyup, etc.?
Using addEventListener().

Click Event

const button = document.querySelector("button");
button.addEventListener("click", () => {
    console.log("Button clicked");
});

Keyup Event

const input = document.querySelector("input");
input.addEventListener("keyup", () => {
    console.log("Key released");
});

Common Events:
Event: click → Purpose: Mouse click

Event: keyup → Purpose: Key released

Event: keydown → Purpose: Key pressed

Event: submit → Purpose: Form submit

Event: mouseover → Purpose: Mouse hover

46. What is event delegation?
Event delegation is a technique where a parent element handles events for its child elements using event bubbling.

Example:

document.getElementById("list")
.addEventListener("click", function(event) {
    if (event.target.tagName === "LI") {
        console.log(event.target.textContent);
    }
});

Benefits:
• Better performance
• Fewer event listeners
• Works for dynamically added elements

Interview Tip:
Very important concept in frontend interviews.

47. What is event bubbling vs capturing?
Events move through the DOM in two phases.

Event Bubbling
Event travels from child → parent.

Event Capturing
Event travels from parent → child.

Example:

div.addEventListener("click", () => {
    console.log("Div clicked");
});

button.addEventListener("click", () => {
    console.log("Button clicked");
});

If button clicked:
Button clicked
Div clicked

Enable Capturing:

div.addEventListener("click", handler, true);

Default:
JavaScript uses bubbling by default.

48. What is event.target vs event.currentTarget? 
Property: event.target → Meaning: Actual clicked element

Property: event.currentTarget → Meaning: Element handling the event

Example:

parent.addEventListener("click", function(event) {
    console.log(event.target);
    console.log(event.currentTarget);
});

Important:
In event delegation, target is very useful.

49. How do you prevent default behavior?
Using:

event.preventDefault();

Example:
Prevent form submission.

form.addEventListener("submit", function(event) {
    event.preventDefault();
    console.log("Form prevented");
});

Common Uses:
• Prevent page reload
• Prevent link navigation
• Custom form handling

50. How do you remove an event listener?
Using:
removeEventListener()
Example:
function handleClick() {
  console.log("Clicked");
}

button.addEventListener("click", handleClick);
button.removeEventListener("click", handleClick);

Important:
The same function reference must be used while removing the listener.

Wrong Example:
button.removeEventListener("click", () => {});

This will not work because it creates a new function reference.

Double Tap ❤️ For Part-6

𝗗𝗮𝘁𝗮 𝗦𝗰𝗶𝗲𝗻𝗰𝗲 𝘄𝗶𝘁𝗵 𝗔𝗜 𝗖𝗲𝗿𝘁𝗶𝗳𝗶𝗰𝗮𝘁𝗶𝗼𝗻 𝗖𝗼𝘂𝗿𝘀𝗲 | 𝟭𝟬𝟬% 𝗝𝗼𝗯 𝗔𝘀𝘀𝗶𝘀𝘁𝗮𝗻𝗰𝗲😍

Build Python, Machine Learning, and AI Skills

💫60+ Hiring Drives Every Month | Receive 1-on-1 mentorship

12.65 Lakhs Highest Salary | 500+ Partner Companies

𝗕𝗼𝗼𝗸 𝗮 𝗙𝗥𝗘𝗘 𝗦𝗲𝘀𝘀𝗶𝗼𝗻 :- 👇:-

 Online :- https://pdlink.in/4fdWxJB

🔹 Hyderabad :- https://pdlink.in/4kFhjn3

🔹 Pune:-  https://pdlink.in/45p4GrC

🔹 Noida :-  https://linkpd.in/DaNoida

Hurry Up 🏃‍♂️! Limited seats are available.

🔥 A-Z Backend Development Roadmap 🖥️🧠

1. Internet & HTTP Basics 🌐
- How the web works (client-server model)
- HTTP methods (GET, POST, PUT, DELETE)
- Status codes
- RESTful principles

2. Programming Language (Pick One) 💻
- JavaScript (Node.js)
- Python (Flask/Django)
- Java (Spring Boot)
- PHP (Laravel)
- Ruby (Rails)

3. Package Managers 📦
- npm (Node.js)
- pip (Python)
- Maven/Gradle (Java)

4. Databases 🗄️
- SQL: PostgreSQL, MySQL
- NoSQL: MongoDB, Redis
- CRUD operations
- Joins, Indexing, Normalization

5. ORMs (Object Relational Mapping) 🔗
- Sequelize (Node.js)
- SQLAlchemy (Python)
- Hibernate (Java)
- Mongoose (MongoDB)

6. Authentication & Authorization 🔐
- Session vs JWT
- OAuth 2.0
- Role-based access
- Passport.js / Firebase Auth / Auth0

7. APIs & Web Services 📡
- REST API design
- GraphQL basics
- API documentation (Swagger, Postman)

8. Server & Frameworks 🚀
- Node.js with Express.js
- Django or Flask
- Spring Boot
- NestJS

9. File Handling & Uploads 📁
- File system basics
- Multer (Node.js), Django Media

10. Error Handling & Logging 🐞
- Try/catch, middleware errors
- Winston, Morgan (Node.js)
- Sentry, LogRocket

11. Testing & Debugging 🧪
- Unit testing (Jest, Mocha, PyTest)
- Postman for API testing
- Debuggers

12. Real-Time Communication 💬
- WebSockets
- Socket.io (Node.js)
- Pub/Sub Models

13. Caching ⚡
- Redis
- In-memory caching
- CDN basics

14. Queues & Background Jobs ⏳
- RabbitMQ, Bull, Celery
- Asynchronous task handling

15. Security Best Practices 🛡️
- Input validation
- Rate limiting
- HTTPS, CORS
- SQL injection prevention

16. CI/CD & DevOps Basics ⚙️
- GitHub Actions, GitLab CI
- Docker basics
- Environment variables
- .env and config management

17. Cloud & Deployment ☁️
- Vercel, Render, Railway
- AWS (EC2, S3, RDS)
- Heroku, DigitalOcean

18. Documentation & Code Quality 📝
- Clean code practices
- Commenting & README.md
- Swagger/OpenAPI

19. Project Ideas 💡
- Blog backend
- RESTful API for a todo app
- Authentication system
- E-commerce backend
- File upload service
- Chat server

20. Interview Prep 🧑‍💻
- System design basics
- DB schema design
- REST vs GraphQL
- Real-world scenarios

🚀 Top Resources to Learn Backend Development 📚
• MDN Web Docs
• Roadmap.sh
• FreeCodeCamp
• Backend Masters
• Traversy Media – YouTube
• CodeWithHarry – YouTube

💬 Double Tap ♥️ For More

𝗔𝗜 & 𝗠𝗟 𝗖𝗲𝗿𝘁𝗶𝗳𝗶𝗰𝗮𝘁𝗶𝗼𝗻 𝗣𝗿𝗼𝗴𝗿𝗮𝗺 𝗯𝘆 𝗖𝗖𝗘, 𝗜𝗜𝗧 𝗠𝗮𝗻𝗱𝗶😍

Freshers get 15 LPA Average Salary with AI & ML Skills!

- Eligibility: Open to everyone
- Duration: 6 Months
- Program Mode: Online
- Taught By: IIT Mandi Professors

90% Resumes without AI + ML skills are being rejected.

  𝗔𝗽𝗽𝗹𝘆 𝗡𝗼𝘄👇 :- 

https://pdlink.in/4nmI024

Get Placement Assistance With 5000+ Companies

💼 Web Development Resume & Portfolio Strategy

Now comes the most important part: turning your skills into job offers.

🧠 What Recruiters Actually Look For
Not certificates ❌, Not theory ❌. They want:
- Real projects
- Clear resume
- GitHub proof
- Ability to explain work

📄 1️⃣ Resume Strategy (High Impact)
- Header: Name + Contact + LinkedIn + GitHub
- Summary: 2–3 lines highlighting your skills
- Skills: List of relevant skills
- Projects: MOST IMPORTANT section
- Experience: If any
- Education

📰 Strong Summary Example
“Full Stack Developer (MERN) with hands-on experience building real-world applications including authentication, CRUD APIs, and deployment.”

🧠 Skills Section
Group properly:
- Frontend: React, JavaScript, HTML, CSS
- Backend: Node.js, Express
- Database: MongoDB
- Tools: Git, Postman, Vercel, Render

🚀 Projects Section (GAME CHANGER)
Each project must include:
- Project name
- Tech stack
- Features
- Live link + GitHub link

🧩 Example Project Entry
E-commerce MERN App
- Built using React, Node.js, MongoDB
- Features: Login, Cart, Payment integration
- REST APIs with JWT authentication
- Deployed on Vercel + Render

🌐 2️⃣ Portfolio Strategy
You need 1 simple portfolio website.
- About me
- Skills
- Projects
- Contact

🎯 Must-have sections
✔ Live project links
✔ GitHub links
✔ Clean UI
✔ Mobile responsive

🔥 Pro Tip
Don’t build 10 projects. Build 3 strong projects.

🧪 Top 3 Projects You MUST Have
- E-commerce App: Authentication, Product listing, Cart, CRUD APIs
- Dashboard App: Charts, Data visualization, API integration
- Full Stack CRUD App: Add/Edit/Delete, Backend + database, Deployment

🧠 3️⃣ GitHub Strategy
Your GitHub should show:
- Clean code
- README file
- Project explanation
- Screenshots

README must include:
- Project overview
- Features
- Tech stack
- Setup steps

🎯 4️⃣ Apply Smart (Not Hard)
Don’t spam applications. Instead:
- Apply to 10–15 jobs daily
- Customize resume
- Use LinkedIn + Naukri
- Message recruiters directly

💬 5️⃣ Interview Strategy
Be ready to explain:
- Your project flow
- MERN architecture
- API working
- Authentication logic

⚠️ Common Mistakes
- No live projects ❌
- Weak GitHub ❌
- Generic resume ❌
- No project explanation ❌

🧠 Final Reality Check
If you can:
✅ Build full stack app
✅ Explain API flow
✅ Deploy project
✅ Answer basics
👉 You can get a job.

🧪 Mini Task
Do it this week:
- Create 1 strong project
- Upload to GitHub
- Deploy it
- Add to resume

Double Tap ❤️ For More