कोड प्लेग्राउंड

कोड प्लेग्राउंड का उपयोग कैसे करें

यह प्लेग्राउंड आपके HTML, CSS और JavaScript को सैंडबॉक्स्ड लाइव प्रीव्यू में जोड़ता है, पूरी तरह आपके ब्राउज़र में, साथ में कंसोल पैनल जो लॉग और एरर कैप्चर करता है। ड्राफ़्ट लोकल सेव होता है, जिससे आप वहीं से आगे बढ़ें जहाँ छोड़ा था।

1. HTML, CSS और JavaScript पैन अलग-अलग एडिट करें — हर एडिटर में लाइन नंबर और सिंटैक्स हाइलाइटिंग है।
2. ऑटो रन चालू होने पर टाइप करते ही प्रीव्यू अपने आप रिफ़्रेश होता है; वरना चलाएँ दबाएँ (या ऑटो रन बंद करके मैन्युअल रूप से चलाएँ)।
3. प्रीव्यू के नीचे कंसोल पैनल पर नज़र रखें: console.log आउटपुट, चेतावनियाँ, एरर और बिना पकड़े गए अपवाद वहाँ लाइन नंबर सहित दिखते हैं।
4. रीसेट दबाकर बिल्ट-इन डेमो पर लौटें, या .html डाउनलोड करें से सब कुछ एक स्वतंत्र फ़ाइल में सेव करें।
5. नई विंडो में खोलें से मौजूदा डॉक्युमेंट को अपने टैब में पूरे आकार में देखें।

हर रन पर कंसोल साफ़ हो जाता है, इसलिए डिबगिंग के दौरान console.log खुलकर लगाएँ — आउटपुट तुरंत दिखता है, असली ब्राउज़र कंसोल खोलने की ज़रूरत नहीं।