Using the browser console for running JavaScript In Hindi

Using the browser console for running JavaScript In Hindi

वेब ब्राउज़र कंसोल विंडो में जावास्क्रिप्ट प्रोग्राम को रन करना वेबसाइट वेबपेजों के साथ डायरेक्ट कम्यूनिकेट करने और मौजूदा वेबपेज वेबसाइट एलिमेंट में मैन्युअल कस्टमाइज कस्टम अपडेट मेन्युप्लेट करने में हेल्पफुल है।

browser console for running JavaScript

How to Run JavaScript in Web Browser.

So let’s know the steps to run JavaScript program in web browser console.

सबसे पहले अपने कंप्यूटर वेब ब्राउज़र में डेवलपर टूल को ओपन करे।

Chrome/Edge web browser – किसी भी ओपन वेबपेज पर राइट-क्लिक करें, और “इंस्पेक्ट” ऑप्शन को मैन्युअल सलेक्ट करे या Ctrl + Shift + I (विंडोज/लिनक्स) ऑपरेटिंग सिस्टम या Cmd + ऑप्शन + I (मैक) ऑपरेटिंग सिस्टम में टॉगल की ऑप्शन को दबाएँ।

Firefox web browser – वेब ब्राउज़र में राइट-क्लिक करें और “इंस्पेक्ट” मेनू को मैन्युअल सलेक्ट करे या Ctrl + Shift + I (विंडोज/लिनक्स) ऑपरेटिंग सिस्टम या Cmd + ऑप्शन + I (मैक) ऑपरेटिंग सिस्टम की ऑप्शन को मैन्युअल दबाएँ।

Safari web browser – आपको सबसे पहले अपने मैक ऑपरेटिंग सिस्टम कंप्यूटर में Safari Preferences → Advanced → Show Develop menu पर जाकर डेवलपर मेनू को मैन्युअल इनेबल करना होगा। उसके बाद, मौजूदा वेबपेज में राइट-क्लिक करें और “इंस्पेक्ट एलिमेंट” मेनू ऑप्शन को सलेक्ट करे या Cmd + ऑप्शन + I की को मैन्युअल दबाएँ।

Now switch to the Console tab.

डेवलपर टूल पैनल में, कंसोल टैब ढूँढें और चुनें।

Write your desired JavaScript program code.

अब आप इस ओपन वेब ब्राउज़र में डायरेक्ट कंसोल विंडो में जावास्क्रिप्ट प्रोग्राम कोड को टाइप या पेस्ट कर सकते हैं। जैसे,

console.log(“Hello, World of javascript”);

ऊपर दिए गए प्रोग्राम कोड को रन के लिए कीबोर्ड से एंटर की को मैन्युअल दबाएँ।

Preview the output of the designed JavaScript program in the console.

यहाँ आपने वेब ब्राउज़र में console.log() फंक्शन को उपयोग किया है, तो आपको कंसोल स्क्रीन में प्रिंट किया गया जावास्क्रिप्ट प्रोग्राम आउटपुट दिखाई देगा।

JavaScript Console Example Usage.

आपके वेब ब्राउज़र कंसोल स्क्रीन में संदेश डिस्प्ले करता है.

alert(“Sample of an alert message!”);

अपने मौजूदा जावास्क्रिप्ट प्रोग्राम में HTML एलिमेंट को मॉडिफाई करें, यदि आप किसी वेबसाइट वेबपेज पर वर्क कर रहे हैं, और एक्सिस्टिंग वेबपेज को अपडेट करने  चाहते हैं.

document.body.style.backgroundColor = “orange”; // यह आपके वेब ब्राउज़र में वेबपेज के बैकग्राउंड कलर को मॉडिफाई करता है।

A simple JavaScript program function.

function displayMessage(text) {

return `Message, ${text}!`;

}

console.log(displayMessage(“Javascript”));

Manipulating DOM elements – अगर आप डिज़ाइन जावास्क्रिप्ट प्रोग्राम वेबपेज में किसी पर्टिकुलर एलिमेंट को इंटरैक्ट या कम्यूनिकेट कर कण्ट्रोल करना चाहते हैं, तो आप document.querySelector() या इसी तरह के जावास्क्रिप्ट फ़ंक्शन का उपयोग करके उसे टारगेट कर सकते हैं।

document.querySelector(‘h1’).innerText = ‘Welcome to javascript console!’;

browser console for running JavaScript Conclusion.

जावास्क्रिप्ट प्रोग्राम को कंसोल में रन करने के लिए वेब ब्राउज़र कंसोल एक पावरफुल टूल है, और आप अपने जरूरत के अनुसार किसी भी जावास्क्रिप्ट प्रोग्राम को रन कर सकते हैं।

जावास्क्रिप्ट कंसोल स्क्रीन में आपके द्वारा रन होने वाले जावास्क्रिप्ट प्रोग्राम स्क्रिप्ट के साथ अलर्ट रहें, पार्टीुलर आर्डर में अनफेमिलिअर वेबपेज वेबसाइटों में, क्योंकि वे संभावित रूप से वेबपेज को मॉडिफाई कर सकते हैं, या किसी वेबसाइट की सिक्योरिटी से समझौता भी कर सकते हैं।