JavaScript सीखें – आसान हिंदी में

🟨 JavaScript Complete Learning – सरल हिंदी में

यह फाइल JavaScript सीखने के लिए बनाई गई है। हर टॉपिक में **क्या है + क्यों है + कैसे काम करता है** – सब लिखा है।

1️⃣ JavaScript क्या है?

JavaScript एक ऐसी भाषा है जिससे वेबसाइट चलती-फिरती (Interactive) बनती है।

👉 JavaScript से हम:

Button पर क्लिक का काम कराते हैं
Form चेक कराते हैं
Text बदलते हैं
Result / Alert दिखाते हैं

2️⃣ JavaScript कहाँ लिखते हैं?

JavaScript को <script> टैग के अंदर लिखा जाता है।


<script>
  // यहाँ JavaScript लिखते हैं
</script>

3️⃣ alert() – Message दिखाना

alert() का काम है – Screen पर छोटा सा message दिखाना।


alert("नमस्ते JavaScript");

4️⃣ console.log() – अंदर की जाँच

यह ब्राउज़र के Console में message दिखाता है (यूज़र को नहीं दिखता)


console.log("यह टेस्ट मैसेज है");

🧠 Right click → Inspect → Console में देखें

5️⃣ Variable (मान रखने की जगह)

Variable का मतलब है – कोई मान (value) संभाल कर रखना


let name = "Ravi";
let age = 10;

👉 यहाँ:

name में नाम रखा
age में उम्र

6️⃣ prompt() – यूज़र से पूछना

prompt() से हम यूज़र से इनपुट ले सकते हैं।


let naam = prompt("अपना नाम लिखिए");
alert(naam);

7️⃣ if / else (शर्त लगाना)

अगर-वरना की भाषा ही if / else है।


if(age >= 18){
  alert('आप वयस्क हैं');
}else{
  alert('आप बच्चे हैं');
}

8️⃣ Function (काम को नाम देना)

Function का मतलब है – एक काम को नाम दे देना ताकि बार-बार इस्तेमाल हो सके।


function greet(){
  alert('नमस्ते!');
}

9️⃣ Loop (बार-बार काम)

जब कोई काम बार-बार करना हो, तो loop का उपयोग करते हैं।


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

👉 यह 1 से 5 तक गिनती करेगा

🔟 HTML का Text बदलना (DOM की शुरुआत)

JavaScript से हम HTML को बदल सकते हैं।


document.getElementById("demo").innerText = "नया टेक्स्ट";

पुराना टेक्स्ट

🎯 अब आपको JavaScript में यह आ गया

alert, prompt
variable
if / else
function
button click
HTML text बदलना

अब आप असली Project बनाने के लिए तैयार हैं 🚀

JavaScript Complete Learning – Hindi

🧠 JavaScript Complete Learning (सरल हिंदी में)

यह फाइल JavaScript को **बिल्कुल Basic से लेकर Practical Level** तक समझाने के लिए बनाई गई है।

1️⃣ JavaScript क्या है?

JavaScript एक ऐसी भाषा है जिससे HTML पेज जिंदा (Interactive) बनता है।

Button पर क्लिक
Quiz check करना
Form validate करना
Result दिखाना

2️⃣ JavaScript जोड़ने के तरीके

Internal JavaScript


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

External JavaScript


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

3️⃣ alert() – Message दिखाना


alert("नमस्ते");

4️⃣ Variable (डिब्बा समझिए)

Variable का मतलब – किसी value को नाम देना।


let name = "Ravi";
let age = 10;

👉 name में "Ravi" रखा 👉 age में 10 रखा

5️⃣ document.write()


document.write("Hello");

यह सीधे पेज पर लिख देता है (Practice के लिए)

6️⃣ HTML को पकड़ना (getElementById)

JavaScript HTML को ID से पकड़ता है।


document.getElementById("demo").innerHTML = "Text बदला";

पुराना टेक्स्ट

7️⃣ Function (काम का पैकेट)

Function = बार-बार इस्तेमाल होने वाला काम


function hello(){
 alert("Hello");
}

8️⃣ if – else (शर्त लगाना)


if(marks >= 33){
 result = "Pass";
}else{
 result = "Fail";
}

9️⃣ Input से Value लेना


document.getElementById('num').value;

🔟 Loop (बार-बार काम)

Loop का मतलब – एक काम कई बार करना


for(let i=1;i<=5;i++){
 document.write(i);
}

1️⃣1️⃣ Array (सूची)


let fruits = ['Apple','Banana','Mango'];

👉 एक variable में कई value

1️⃣2️⃣ Events (घटना)


onclick
onmouseover
onchange

👉 User कुछ करे → JavaScript चले

1️⃣3️⃣ JavaScript से CSS बदलना


element.style.color = "red";

रंग बदलेगा

1️⃣4️⃣ confirm()


confirm("क्या आप sure हैं?");

1️⃣5️⃣ prompt()


prompt("नाम लिखें");

🎯 JavaScript में आपने क्या-क्या सीख लिया?

Alert, Prompt, Confirm
Variable, Function
If-Else, Loop
HTML से data लेना
CSS बदलना
Button, Quiz, Form logic

अब आप HTML + CSS + JavaScript तीनों जानते हैं ✅

JavaScript FINAL Complete – Hindi

🧠 JavaScript FINAL COMPLETE (सरल हिंदी में)

यह फाइल JavaScript के **सभी जरूरी Beginner + Practical Topics** को एक ही जगह कवर करती है।

1️⃣ const (जिसे बदल नहीं सकते)

const से बनाई value को बदला नहीं जा सकता।


const pi = 3.14;

2️⃣ switch case (कई विकल्प)


let day = 2;
switch(day){
 case 1: result="सोमवार"; break;
 case 2: result="मंगलवार"; break;
 default: result="अन्य";
}

3️⃣ while loop

जब तक शर्त सही है, तब तक चलता रहेगा।


let i=1;
while(i<=3){
 i++;
}

4️⃣ Arrow Function


let add = (a,b) => a+b;

छोटा और साफ function

5️⃣ Template Literal


let name="Ram";
`नमस्ते ${name}`

6️⃣ querySelector

CSS की तरह element पकड़ता है।


document.querySelector(".box");

यह Text बदलेगा

7️⃣ classList (add / remove / toggle)


element.classList.toggle('active');

Class बदलेगी

8️⃣ createElement (नया HTML बनाना)


let p = document.createElement("p");

9️⃣ localStorage (याद रखना)


localStorage.setItem('name','Ravi');

🔟 JSON (Data भेजने का तरीका)


JSON.stringify(object)
JSON.parse(text)

👉 Server से data लेने-देने में काम आता है

1️⃣1️⃣ try – catch (Error संभालना)


try{
 error;
}catch(e){
 alert("Error आया");
}

1️⃣2️⃣ setInterval (बार-बार काम)


setInterval(function(){},1000);

🎯 अब सच में JavaScript COMPLETE है

Logic + Condition
DOM पूरा
Modern JS Basic
Storage
Error Handling
Timer

अब आप HTML + CSS + JS पर पूरा Control रखते हैं ✅