Day 23: JavaScript Introduction – Complete Beginner Guide for Web & Bug Bounty (Hindi)

⚡ Day 23: JavaScript Introduction

(Bug Hunting / Ethical Hacking Course – Day 23)

Ab tak humne seekha:

✔ HTML – Structure
✔ CSS – Design

Aaj hum seekhenge JavaScript (JS) 🔥

JavaScript website ko interactive aur dynamic banata hai.

Agar HTML ghar ka structure hai,
CSS decoration hai,
to JavaScript us ghar ki electricity aur automation hai ⚡

🔹 JavaScript Kya Hai?

JavaScript ek programming language hai jo browser me run hoti hai.

Ye:

✔ Button click handle karta hai
✔ Form validation karta hai
✔ Popup messages show karta hai
✔ Dynamic content load karta hai

JavaScript har modern browser me supported hota hai, jaise:

Google Chrome

🔥 JavaScript Ka Basic Example

<script>
alert("Hello Hacker!");
</script>

Page load hote hi popup show hoga.

🔹 JavaScript Kaise Add Kare?

1️⃣ Internal JavaScript

HTML ke andar:

<script>
console.log("Hello World");
</script>

2️⃣ External JavaScript

Ek alag file banao:

script.js

HTML me link karo:

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

Real projects me external JS use hota hai.

🔥 console.log Kya Hai?

console.log("Testing JS");

Ye browser console me output show karta hai.

Check karne ke liye:
Right Click → Inspect → Console tab.

🔥 Variables in JavaScript

Variable data store karta hai.

let name = "Alok";
console.log(name);

🔹 Variable Types

let
var
const

Example:

let age = 20;
const country = "India";

🔥 Functions in JavaScript

Function ek block of code hota hai jo tab run hota hai jab call kiya jaye.

function greet() {
    alert("Welcome Hacker");
}

greet();

🔥 Button Click Example

<!DOCTYPE html>
<html>
<body>

<button onclick="showMessage()">Click Me</button>

<script>
function showMessage() {
    alert("Button Clicked!");
}
</script>

</body>
</html>

👉 Button click hone par popup show hoga.

🔥 JavaScript and Forms (Basic Idea)

Form validation example:

function check() {
    let name = document.getElementById("username").value;
    if(name == "") {
        alert("Name required");
    }
}

👉 Ye empty input detect karta hai.

Bug bounty me JS validation bypass karna important hota hai.

🔎 Hacker Perspective (Very Important)

JavaScript vulnerabilities ka base hota hai:

✔ Client-side validation
✔ DOM manipulation
✔ Input handling
✔ Browser console testing

Inspect tool me aap JavaScript dekh sakte ho:

Google Chrome

Console me aap direct JS test kar sakte ho.

🧪 Practice Lab (Must Do)

Ek simple page banao:

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Practice</h1>

<button onclick="test()">Click Here</button>

<script>
function test() {
    console.log("JS Working!");
    alert("Learning JavaScript");
}
</script>

</body>
</html>

Browser me open karo → Inspect → Console check karo.

🎯 Day 23 Summary

✔ JavaScript ek programming language hai
✔ Browser me run hoti hai
✔ Variables aur functions seekhe
✔ Button click event samjha
✔ Console use karna seekha

THE LEARNING