जावास्क्रिप्ट क्या है?
जावास्क्रिप्ट वेब के लिए प्रोग्रामिंग भाषा है।
जावास्क्रिप्ट HTML और CSS दोनों को अपडेट और बदल सकता है ।
जावास्क्रिप्ट डेटा की गणना , हेरफेर और सत्यापन कर सकता है।
जावास्क्रिप्ट क्विकस्टार्ट ट्यूटोरियल
यह ट्यूटोरियल सबसे महत्वपूर्ण जावास्क्रिप्ट डेटा प्रकारों पर एक त्वरित नज़र डालेगा।
जावास्क्रिप्ट चर हो सकते हैं:
- नंबर
- स्ट्रिंग्स
- वस्तुओं
- सरणियों
- कार्यों
जावास्क्रिप्ट चर
जावास्क्रिप्ट चर डेटा मानों को संग्रहीत करने के लिए कंटेनर हैं।
इस उदाहरण में, x, y, और z चर हैं:
उदाहरण
var x = 5;
var y = 6;
var z = x + y;
ऊपर के उदाहरण से, आप उम्मीद कर सकते हैं:
- x मान 5 . स्टोर करता है
- y मान 6 . स्टोर करता है
- z मान 11 . स्टोर करता है
जावास्क्रिप्ट नंबर
जावास्क्रिप्ट में केवल एक प्रकार की संख्या होती है। संख्याओं को दशमलव के साथ या बिना लिखा जा सकता है।
उदाहरण
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
सभी नंबरों को डबल प्रिसिजन फ्लोटिंग पॉइंट नंबर के रूप में स्टोर किया जाता है।
दशमलव की अधिकतम संख्या 17 है, लेकिन फ्लोटिंग पॉइंट हमेशा 100% सटीक नहीं होता है:
उदाहरण
var x = 0.2 + 0.1; // x will be 0.30000000000000004
जावास्क्रिप्ट स्ट्रिंग्स
स्ट्रिंग्स टेक्स्ट स्टोर करते हैं । स्ट्रिंग्स कोट्स के अंदर लिखे गए हैं। आप सिंगल या डबल कोट्स का उपयोग कर सकते हैं :
उदाहरण
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
एक स्ट्रिंग की लंबाई अंतर्निहित संपत्ति लंबाई में पाई जाती है :
उदाहरण
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
जावास्क्रिप्ट ऑब्जेक्ट्स
आप पहले ही जान चुके हैं कि JavaScript वैरिएबल डेटा मानों के लिए कंटेनर होते हैं।
यह कोड कार नाम के वेरिएबल को एक साधारण मान (फिएट) प्रदान करता है:
var car = "Fiat";
वस्तुएँ भी चर हैं। लेकिन वस्तुओं में कई मूल्य हो सकते हैं।
यह कोड कार नाम के एक वेरिएबल के लिए कई मान (फिएट, 500, सफेद) निर्दिष्ट करता है:
var car = {type:"Fiat", model:"500", color:"white"};
जावास्क्रिप्ट सरणियाँ
जावास्क्रिप्ट सरणियों का उपयोग एक ही चर में कई मानों को संग्रहीत करने के लिए किया जाता है।
उदाहरण
var cars = ["Saab", "Volvo", "BMW"];
जावास्क्रिप्ट कार्य
एक जावास्क्रिप्ट फ़ंक्शन किसी विशेष कार्य को करने के लिए डिज़ाइन किया गया कोड का एक ब्लॉक है।
एक जावास्क्रिप्ट फ़ंक्शन निष्पादित किया जाता है जब "कुछ" इसे आमंत्रित करता है (इसे कॉल करता है)।
उदाहरण
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
जावास्क्रिप्ट क्या कर सकता है?
इस खंड में कुछ उदाहरण हैं कि जावास्क्रिप्ट क्या कर सकता है:
- जावास्क्रिप्ट HTML सामग्री को बदल सकता है
- जावास्क्रिप्ट HTML विशेषता मान बदल सकता है
- जावास्क्रिप्ट HTML शैलियाँ बदल सकता है (CSS)
- जावास्क्रिप्ट HTML तत्वों को छिपा सकता है
- जावास्क्रिप्ट HTML तत्वों को दिखा सकता है
जावास्क्रिप्ट HTML सामग्री को बदल सकता है
कई जावास्क्रिप्ट HTML विधियों में से एक getElementById() है ।
यह उदाहरण एक HTML तत्व (आईडी = "डेमो" के साथ) को "ढूंढने" के लिए विधि का उपयोग करता है और तत्व सामग्री ( innerHTML ) को "हैलो जावास्क्रिप्ट" में बदलता है:
उदाहरण
document.getElementById("demo").innerHTML = "Hello JavaScript";
जावास्क्रिप्ट HTML विशेषता मान बदल सकता है
इस उदाहरण में JavaScript <img> टैग के src (source) एट्रिब्यूट के मान को बदल देता है:
प्रकाश बल्ब
जावास्क्रिप्ट HTML शैलियाँ बदल सकता है (CSS)
HTML तत्व की शैली को बदलना, HTML विशेषता को बदलने का एक प्रकार है:
उदाहरण
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
जावास्क्रिप्ट HTML तत्वों को छिपा सकता है
प्रदर्शन शैली को बदलकर HTML तत्वों को छिपाया जा सकता है:
उदाहरण
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
जावास्क्रिप्ट HTML तत्वों को दिखा सकता है
प्रदर्शन शैली को बदलकर छिपे हुए HTML तत्वों को दिखाया जा सकता है:
उदाहरण
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
पूर्ण जावास्क्रिप्ट ट्यूटोरियल
यह जावास्क्रिप्ट का संक्षिप्त विवरण रहा है।
संपूर्ण जावास्क्रिप्ट ट्यूटोरियल के लिए W3Schools JavaScript Tutorial पर जाएं ।
संपूर्ण जावास्क्रिप्ट संदर्भ के लिए W3Schools JavaScript Reference पर जाएं ।