Introduction
जब हम कोई website open करते हैं और उसमें buttons click करने पर action होता है, form submit करने पर validation होता है, या page बिना reload हुए update होता है—तो यह सब JavaScript की वजह से होता है।
सोचिए—अगर website में कोई interactivity ही ना हो, सिर्फ static text और images हों, तो user experience कितना boring हो जाएगा।
यहीं पर JavaScript काम आती है। यह web pages को interactive और dynamic बनाती है।
Web Designing और Web Development के students के लिए JavaScript बहुत जरूरी है, क्योंकि यह HTML और CSS के साथ मिलकर complete website बनाती है।
Definition
JavaScript एक scripting language है जिसका उपयोग web pages को interactive और dynamic बनाने के लिए किया जाता है।
Concept
1. JavaScript कहाँ use होती है
Web pages में interactivity लाने के लिए
Form validation के लिए
User actions (click, hover) handle करने के लिए
Dynamic content change करने के लिए
2. JavaScript को HTML में कैसे add करते हैं
JavaScript को HTML में <script> tag के अंदर लिखा जाता है।
3. Internal JavaScript
जब JavaScript code HTML file के अंदर लिखा जाता है।
<script>
alert("Hello World");
</script>Give feedback
Output:
Page load होने पर एक alert box दिखाई देगा जिसमें “Hello World” लिखा होगा।
4. External JavaScript
जब JavaScript code अलग .js file में लिखा जाता है।
<script src="script.js"></script>Give feedback
5. JavaScript Placement
JavaScript को तीन जगह लिखा जा सकता है:
- Head section में
- Body के अंदर
- External file के रूप में
6. Simple Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Example</h2>
<button onclick="showMessage()">Click Me</button>
<script>
function showMessage() {
alert("Button Clicked!");
}
</script>
</body>
</html>
Output:
Button पर click करने पर alert box open होगा।
Real-Life Example
मान लीजिए आप किसी website पर form भरते हैं:
अगर आप गलत email डालते हैं और तुरंत error दिखता है—तो यह JavaScript की वजह से होता है।
Important Points
JavaScript web page को interactive बनाती है
यह HTML के साथ काम करती है<script> tag का उपयोग होता है
Internal और external दोनों तरह से use कर सकते हैं
User actions को handle करती है
निष्कर्ष
JavaScript web development का एक महत्वपूर्ण हिस्सा है, जो static web pages को dynamic और interactive बनाती है। बिना JavaScript के modern websites की कल्पना करना मुश्किल है।