डेवलपर की गाइड

एम्बेड किए गए व्यूअर एपीआई की मदद से, Google Books से किताब का कॉन्टेंट, सीधे आपके वेब पेजों में JavaScript के साथ जोड़ा जा सकता है. API, किताब की झलक में हेर-फेर करने के लिए कई सुविधाएं भी देता है. साथ ही, इस साइट पर बताए गए दूसरे एपीआई के साथ इनका अक्सर इस्तेमाल किया जाता है.

झलक दिखाने वाला विज़र्ड, एम्बेड किया गया दर्शक एपीआई के ऊपर बनाया गया टूल है. इसकी मदद से, साइट पर झलक दिखाने की सुविधा को आसानी से जोड़ा जा सकता है. इसके लिए, आपको कोड की कुछ लाइनें कॉपी करनी होंगी. यह दस्तावेज़ उन ज़्यादा डेवलपर के लिए बनाया गया है जो अपनी साइटों पर व्यूअर के दिखने के तरीके को कस्टमाइज़ करना चाहते हैं.

दर्शक

इस दस्तावेज़ को उन लोगों के लिए डिज़ाइन किया गया है जो JavaScript प्रोग्रामिंग और ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग कॉन्सेप्ट के बारे में जानते हैं. आपको उपयोगकर्ता के नज़रिए से भी Google Books के बारे में जानकारी होनी चाहिए. वेब पर कई JavaScript ट्यूटोरियल उपलब्ध हैं.

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

जैसा कि ऊपर बताया गया है, शुरुआत करने वाले शायद झलक दिखाने वाले विज़र्ड के साथ शुरुआत करना चाहें, जो आपकी साइट पर बुनियादी झलक जोड़ने के लिए ज़रूरी कोड अपने-आप जनरेट करता है.

एम्बेड किए गए व्यूअर एपीआई का "नमस्ते, दुनिया"

एम्बेड किए गए व्यूअर एपीआई के बारे में जानने का सबसे आसान तरीका यह है कि एक आसान उदाहरण देखें. नीचे दिया गया वेब पेज, Mountain View निकोलस पेरी, ISBN 0738531367 (Arcdia Publishing की "इमेज ऑफ़ सीरीज़" सीरीज़ का हिस्सा) की 600x500 झलक दिखाता है:

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Books Embedded Viewer API Example</title>
    <script type="text/javascript" src="https://www.google.com/books/jsapi.js"></script>
    <script type="text/javascript">
      google.books.load();

      function initialize() {
        var viewer = new google.books.DefaultViewer(document.getElementById('viewerCanvas'));
        viewer.load('ISBN:0738531367');
      }

      google.books.setOnLoadCallback(initialize);
    </script>
  </head>
  <body>
    <div id="viewerCanvas" style="width: 600px; height: 500px"></div>
  </body>
</html>

आप यह उदाहरण देख सकते हैं और इसे डाउनलोड करके बदलाव कर सकते हैं. यहां दिए गए सरल उदाहरण में भी, ध्यान देने के लिए पांच चीज़ें हैं:

  1. हम script टैग का इस्तेमाल करके, एपीआई लोडर को शामिल करते हैं.
  2. हम दर्शक को बनाए रखने के लिए, " ViewersCanvas" नाम का एक div एलिमेंट बनाते हैं.
  3. हम "व्यूअर" ऑब्जेक्ट बनाने के लिए, JavaScript फ़ंक्शन लिखते हैं.
  4. हम किताब को, उसके यूनीक आइडेंटिफ़ायर (इस मामले में ISBN:0738531367) का इस्तेमाल करके लोड करते हैं.
  5. एपीआई के पूरी तरह लोड होने के बाद, हम google.books.setOnLoadCallback को initialize कॉल करते हैं.

नीचे इन कदमों को समझाया गया है.

एम्बेड किए गए व्यूअर एपीआई को लोड करना

'एम्बेड किए गए व्यूअर एपीआई' को लोड करने के लिए, एपीआई लोडर फ़्रेमवर्क का इस्तेमाल करना आसान है. इसमें ये दो चरण शामिल हैं:

  1. एपीआई लोडर लाइब्रेरी शामिल करें: 
    <script type="text/javascript" src="https://www.google.com/books/jsapi.js"></script>
  2. google.books.load तरीके को शुरू करें. google.books.load तरीका, कॉलबैक फ़ंक्शन या भाषा बताने वाला एक वैकल्पिक सूची पैरामीटर लेता है, जैसा कि नीचे बताया गया है. 
    <script type="text/javascript">
  google.books.load();
</script>

एम्बेड किए गए व्यूअर एपीआई के स्थानीय भाषा वाले वर्शन को लोड करना

'एम्बेड किए गए दर्शकों के एपीआई' में, डिफ़ॉल्ट रूप से अंग्रेज़ी का इस्तेमाल किया जाता है. इसमें टूल के बारे में जानकारी दिखाई जाती है, जैसे कि टूलटिप, कंट्रोल के नाम, और लिंक टेक्स्ट. अगर आप किसी खास भाषा में जानकारी को ठीक से दिखाने के लिए, एम्बेड किए गए दर्शक के एपीआई को बदलना चाहते हैं, तो आप अपने google.books.load कॉल में एक वैकल्पिक language पैरामीटर जोड़ सकते हैं.

उदाहरण के लिए, ब्राज़ील में बोली जाने वाली पॉर्चुगीज़ इंटरफ़ेस भाषा वाली किताब की झलक का मॉड्यूल दिखाने के लिए:

<script type="text/javascript">
  google.books.load({"language": "pt-BR"});
</script>

उदाहरण देखें (book-language.html)

फ़िलहाल, 33, 6, 1, 1, 3, 3, , , , , , , , , , , , , , , , , , जिनसे , , , जिनसे , '

एम्बेड किए गए व्यूअर एपीआई का इस्तेमाल अंग्रेज़ी के अलावा दूसरी भाषाओं में करने के लिए, हमारा सुझाव है कि आप अपने पेज के लिए content-type हेडर सेट करें. इसे utf-8 पर सेट करें या अपने पेज में इसके जैसा <meta> टैग शामिल करें. ऐसा करने से, यह पक्का करने में मदद मिलती है कि सभी ब्राउज़र पर वर्ण ठीक से रेंडर हो रहे हों. ज़्यादा जानकारी के लिए, एचटीटीपी charset पैरामीटर सेट करने से जुड़ा W3C पेज देखें.

दर्शक के DOM एलिमेंट

<div id="viewerCanvas" style="width: 600px; height: 500px"></div>

किसी वेब पेज पर किताब दिखाने के लिए, किताब की जगह बुक करना ज़रूरी है. आम तौर पर, ऐसा करने के लिए,div नाम वाला एलिमेंट बनाया जाता है और ब्राउज़र के दस्तावेज़ ऑब्जेक्ट मॉडल (DOM) में, इस एलिमेंट का रेफ़रंस लिया जाता है.

ऊपर दिए गए उदाहरण में, " ViewersCanvas" नाम का div दिया गया है और यह स्टाइल एट्रिब्यूट का इस्तेमाल करके, इसका साइज़ सेट करता है. दर्शक साफ़ तौर पर, कंटेनर के साइज़ का इस्तेमाल करता है.

डिफ़ॉल्टव्यूअर ऑब्जेक्ट

var viewer = new google.books.DefaultViewer(document.getElementById('viewerCanvas'));

JavaScript क्लास, जो पेज पर एक ही दर्शक बनाती है और उसे कंट्रोल करती है, DefaultViewer क्लास होती है. (आप इस क्लास के एक से ज़्यादा इंस्टेंस बना सकते हैं - हर ऑब्जेक्ट के बारे में पेज पर एक अलग व्यूअर तय होगा.) इस क्लास का एक नया इंस्टेंस JavaScript ऑपरेटर newका इस्तेमाल करके बनाया गया.

नया दर्शक इंस्टेंस बनाते समय, पेज में कंटेनर के तौर पर डीओएम नोड (आम तौर पर, div एलिमेंट) तय किया जाता है. एचटीएमएल नोड, document ऑब्जेक्ट के चिल्ड्रन हैं और हमें document.getElementById() तरीके से इस एलिमेंट का रेफ़रंस मिलता है.

यह कोड एक वैरिएबल (नाम viewer) के बारे में बताता है और उस वैरिएबल को एक नए DefaultViewer ऑब्जेक्ट के लिए असाइन करता है. DefaultViewer() फ़ंक्शन को कंस्ट्रक्टर के तौर पर जाना जाता है. साथ ही, इसकी परिभाषा (एम्बेड किए गए दर्शक एपीआई के संदर्भ को समझने के लिए इकट्ठा की गई है) नीचे दी गई है:

निर्माता जानकारी
डिफ़ॉल्ट व्यूर(कंटेनर, ऑप्ट्स?) दिए गए एचटीएमएल container में नया व्यूअर बनाता है, जो पेज पर ब्लॉक-लेवल एलिमेंट होना चाहिए (आम तौर पर, यह DIV होता है). बेहतर विकल्प, वैकल्पिक opts पैरामीटर का इस्तेमाल करके पास किए जाते हैं.

ध्यान दें कि कंस्ट्रक्टर में दूसरा पैरामीटर वैकल्पिक है—इस दस्तावेज़ के दायरे से परे, बेहतर तरीके से लागू करने के लिए बनाया गया है—और इसे "Hello, World" उदाहरण से हटा दिया गया है.

दर्शक को किसी खास किताब से शुरू करना

  viewer.load('ISBN:0738531367');

DefaultViewer कंस्ट्रक्टर के ज़रिए दर्शक बना लेने के बाद, उसे किसी खास किताब के साथ शुरू करना होगा. यह प्रोसेस, दर्शक के load() वाले तरीके से पूरी की जाती है. load() तरीके को identifier वैल्यू की ज़रूरत है, जो एपीआई को बताती है कि कौनसी किताब दिखानी है. दर्शक के ऑब्जेक्ट पर कोई दूसरी कार्रवाई करने से पहले यह तरीका भेजना ज़रूरी है.

अगर आपको किसी किताब के एक से ज़्यादा आइडेंटिफ़ायर पता हैं—जैसे कि पेपरबैक संस्करण का ISBN या वैकल्पिक OCLC नंबर, तो load() फ़ंक्शन के लिए पहले पैरामीटर के तौर पर आइडेंटिफ़ायर स्ट्रिंग की श्रेणी पास करें. दर्शक, एम्बेड की जा सकने वाली झलक को अरे कैटगरी के आइडेंटिफ़ायर से जोड़ने के बाद ही किताब को रेंडर करेगा.

इन किताबों के लिए आइडेंटिफ़ायर

डाइनैमिक लिंक सुविधा की तरह ही, एम्बेड किए गए व्यूअर एपीआई का इस्तेमाल करके, किसी खास किताब की पहचान करने के लिए कई वैल्यू इस्तेमाल की जा सकती हैं. इनमें ये शामिल हैं:

ISBN
10 या 13 अंकों वाला यूनीक इंटरनेशनल स्टैंडर्ड बुक नंबर.
उदाहरण: ISBN:0738531367
OCLC नंबर
OCLC की ओर से किसी किताब को असाइन किया गया यूनीक नंबर, जब किताब का रिकॉर्ड, WorldCat कैटलॉग सिस्टम में जोड़ा गया हो.
उदाहरण: OCLC:70850767
एलसीएनएन
लाइब्रेरी ऑफ़ कांग्रेस कंट्रोल नंबर, जिसे लाइब्रेरी ऑफ़ कांग्रेस के रिकॉर्ड में असाइन किया गया है.
उदाहरण: LCCN:2006921508
Google Books का वॉल्यूम आईडी
Google Books ने किसी किताब के लिए जो यूनीक स्ट्रिंग असाइन की है वह किताब के यूआरएल से दिखती है.
उदाहरण के लिए: Py8u3Obs4f4C
Google Books पर किताब की झलक दिखाने वाला यूआरएल
Google Books पर किताब की झलक दिखाने वाला पेज खोलने का यूआरएल.
उदाहरण के लिए: https://books.google.com/books?id=Py8u3Obs4f4C&printsec=frontcover

इन आइडेंटिफ़ायर का इस्तेमाल, अक्सर Google Books API फ़ैमिली में अन्य एपीआई के साथ किया जाता है. उदाहरण के लिए, झलक दिखाने वाले बटन को रेंडर करने के लिए, डाइनैमिक लिंक का इस्तेमाल सिर्फ़ तब किया जा सकता है, जब किताब को एम्बेड किया जा सकता हो. इसके बाद, जब उपयोगकर्ता बटन पर क्लिक करता है, तो डाइनैमिक लिंक कॉल से लौटाए गए झलक वाले यूआरएल का इस्तेमाल करके व्यूअर को इंस्टैंशिएट करें. इसी तरह, Books API की मदद से, ब्राउज़ और झलक की बेहतर जानकारी वाला ऐप्लिकेशन बनाया जा सकता है. ऐसा करने से, उसके वॉल्यूम फ़ीड में इंडस्ट्री से जुड़े कई सही आइडेंटिफ़ायर दिखते हैं. लागू करने का बेहतर तरीका देखने के लिए उदाहरण पेज पर जाएं.

प्रोसेस शुरू न होना

कुछ मामलों में, load कॉल काम करना बंद कर सकता है. आम तौर पर, ऐसा तब होता है, जब एपीआई को दिए गए आइडेंटिफ़ायर से जुड़ी किताब नहीं मिल रही हो. ऐसा तब होता है, जब किताब की झलक उपलब्ध न हो या किताब की झलक एम्बेड न की जा सके. इसके अलावा, जब इलाके के हिसाब से लगी पाबंदियां, असली उपयोगकर्ता को इस खास किताब को देखने से रोकती हों. ऐसी गलती के बारे में आपको सूचना दी जा सकती है, ताकि आपका कोड इस स्थिति को अच्छे से संभाल सके. इस वजह से, load फ़ंक्शन की मदद से, एक वैकल्पिक दूसरा पैरामीटर notFoundCallback पास किया जा सकता है. इस पैरामीटर से पता चलता है कि किताब लोड न हो पाने पर, कौनसा फ़ंक्शन कॉल करना चाहिए. उदाहरण के लिए, अगर किताब को एम्बेड किया जा सकता है, तो नीचे दिया गया कोड एक JavaScript "चेतावनी" बॉक्स जनरेट करेगा:

function alertNotFound() {
  alert("could not embed the book!");
}

function initialize() {
  var viewer = new google.books.DefaultViewer(document.getElementById('viewerCanvas'));
  viewer.load('ISBN:1234', alertNotFound);
}

उदाहरण देखें (book-notfound.html)

इस कॉलबैक का इस्तेमाल करके, आप मिलती-जुलती गड़बड़ी दिखाने का फ़ैसला ले सकते हैं या viewerCanvas एलिमेंट को पूरी तरह से छिपा सकते हैं. गड़बड़ी कॉलबैक पैरामीटर ज़रूरी नहीं है, और इसे "Hello World" उदाहरण में शामिल नहीं किया गया है.

ध्यान दें: हो सकता है कि सभी किताबों और सभी उपयोगकर्ताओं के लिए, झलक देखने की सुविधा उपलब्ध न हो. इसलिए, झलक देखने की सुविधा उपलब्ध होने से पहले, यह जानना आपके लिए काम का साबित हो सकता है कि झलक उपलब्ध है या नहीं. उदाहरण के लिए, हो सकता है कि आप अपने यूज़र इंटरफ़ेस (यूआई) में "Google की झलक" बटन, पेज या सेक्शन दिखाना चाहें. ऐसा सिर्फ़ तब करें, जब उपयोगकर्ता को झलक उपलब्ध हो. ऐसा करने के लिए, किताबों के एपीआई या डाइनैमिक लिंक का इस्तेमाल करें. ये दोनों रिपोर्ट बताती हैं कि दर्शक का इस्तेमाल करके कोई किताब एम्बेड करने के लिए उपलब्ध होगी या नहीं.

प्रोसेस शुरू करने के तरीके मैनेज करना

यह जानना भी उपयोगी हो सकता है कि किताब लोड हुई या नहीं. इस वजह से, load फ़ंक्शन एक वैकल्पिक तीसरे पैरामीटर, successCallback का समर्थन करता है, जिसे किसी किताब के लोड हो जाने के बाद लागू किया जाएगा.

function alertInitialized() {
  alert("book successfully loaded and initialized!");
}

function initialize() {
  var viewer = new google.books.DefaultViewer(document.getElementById('viewerCanvas'));
  viewer.load('ISBN:0738531367', null, alertInitialized);
}

उदाहरण देखें (book-success.html)

उदाहरण के लिए, यह कॉलबैक आपके लिए तब फ़ायदेमंद हो सकता है, जब आपको अपने पेज पर कुछ ऐसे एलिमेंट दिखाने हैं जो पूरी तरह से रेंडर हो चुके हों.

दर्शक को लोड पर दिखाया जा रहा है

  google.books.setOnLoadCallback(initialize);

जब कोई एचटीएमएल पेज रेंडर होता है, तो दस्तावेज़ ऑब्जेक्ट मॉडल (DOM) बनाया जाता है. साथ ही, सभी बाहरी इमेज और स्क्रिप्ट पाए जाते हैं और document ऑब्जेक्ट में शामिल किए जाते हैं. यह पक्का करने के लिए कि हमारा दर्शक सिर्फ़ पेज पर लोड होने के बाद ही पेज पर रखे. यह google.books.setOnLoadCallback फ़ंक्शन का इस्तेमाल, DefaultViewer ऑब्जेक्ट बनाने वाले फ़ंक्शन के काम न करने के लिए करता है. एम्बेड किया गया दर्शक एपीआई लोड होने और इस्तेमाल के लिए तैयार होने पर, setOnLoadCallback सिर्फ़ initialize को कॉल करेगा. इसलिए, यह नीति ऐसी जानकारी को इकट्ठा करने से रोकती है.

ध्यान दें: क्रॉस-ब्राउज़र कंपैटबिलिटी बढ़ाने के लिए, हमारा सुझाव है कि आप google.books.setOnLoadCallback फ़ंक्शन का इस्तेमाल करके, अपने <body> टैग पर onLoad इवेंट का इस्तेमाल करने के बजाय, व्यूअर लोड को शेड्यूल करें.

दर्शकों के इंटरैक्शन

अब आपके पास DefaultViewer ऑब्जेक्ट है, तो आप उससे इंटरैक्ट कर सकते हैं. आम दर्शक की तरह दिखने और काम करने में, बहुत कुछ वैसा ही होता है जैसा कि Google Books की वेबसाइट पर इंटरैक्ट करने पर दिखता है. इसमें, पहले से मौजूद कई चीज़ें मिलती हैं.

हालांकि, व्यूअर के साथ प्रोग्राम के हिसाब से भी इंटरैक्ट किया जा सकता है. DefaultViewer ऑब्जेक्ट, कई तरीकों का इस्तेमाल करता है. ये तरीकों की झलक की स्थिति को सीधे बदल देते हैं. उदाहरण के लिए, zoomIn(), nextPage(), और highlight() तरीके, उपयोगकर्ता इंटरैक्शन के बजाय, प्रोग्राम के हिसाब से प्रोग्राम पर काम करते हैं.

यहां दिए गए उदाहरण से, किताब की झलक दिखती है जो हर तीन सेकंड में अपने-आप अगले पेज पर जाती है. अगर अगला पेज दर्शक को दिख रहा है, तो दर्शक आसानी से पेज पर चला जाता है. अगर ऐसा नहीं होता है, तो दर्शक सीधे अगले पेज पर ऊपर जाता है.

function nextStep(viewer) {
  window.setTimeout(function() {
    viewer.nextPage();
    nextStep(viewer);
  }, 3000);
}

function initialize() {
  var viewer = new google.books.DefaultViewer(document.getElementById('viewerCanvas'));
  viewer.load('ISBN:0738531367');
  nextStep(viewer);
}

google.books.setOnLoadCallback(initialize);

उदाहरण देखें (book-animate.html)

ध्यान दें कि व्यूअर को प्रोग्राम के ज़रिए कॉल करने की सुविधा तब तक बंद रहेगी या उसका कोई असर नहीं होगा जब तक कि वह दर्शक किसी खास किताब को शुरू नहीं करता है. यह पक्का करने के लिए कि इस तरह के फ़ंक्शन को सिर्फ़ तब कॉल किया जाए, जब व्यूअर तैयार हो. successCallback पैरामीटर का इस्तेमाल viewer.load में करें, जैसा कि ऊपर बताया गया है.

DefaultViewer ऑब्जेक्ट के साथ काम करने वाले सभी फ़ंक्शन के बारे में जानने के लिए, रेफ़रंस गाइड देखें.

ज़रूरी जानकारी

एम्बेड किए गए व्यूअर एपीआई की जांच शुरू करने से पहले, आपको इन बातों का ध्यान रखना होगा, ताकि यह पक्का हो सके कि आपका ऐप्लिकेशन अपने सभी प्लैटफ़ॉर्म पर बिना किसी रुकावट के काम करे.

अलग-अलग ब्राउज़र पर साइट की जांच करना

एम्बेड किया गया दर्शक एपीआई, Internet Explorer, Firefox, और Safari—के दूसरे वर्शन पर काम करता है. आम तौर पर, यह Gemo- और WebKit जैसे दूसरे ब्राउज़र जैसे कि Camino और Google Chrome के लिए भी काम करता है.

कभी-कभी अलग-अलग ऐप्लिकेशन के लिए, असंगत ब्राउज़र वाले उपयोगकर्ताओं के लिए अलग-अलग व्यवहार की ज़रूरत होती है. एम्बेड किए गए व्यूअर के एपीआई का, अपने-आप काम करने का कोई तरीका नहीं होता. ऐसा तब होता है, जब उसे ऐसे ब्राउज़र के बारे में पता चलता है जो काम नहीं करता. इस दस्तावेज़ में दिए गए ज़्यादातर उदाहरण, ब्राउज़र के साथ काम करने की क्षमता की जांच नहीं करते हैं और न ही वे पुराने ब्राउज़र के लिए गड़बड़ी का मैसेज दिखाते हैं. पुराने या असंगत ब्राउज़र के साथ वास्तविक ऐप्लिकेशन कुछ ज़्यादा फ़्रेंडली हो सकते हैं, लेकिन उदाहरणों को ज़्यादा पढ़ने लायक बनाने के लिए ऐसी जांचों को छोड़ दिया जाता है.

नॉन-ट्रिवियल ऐप्लिकेशन को ब्राउज़र और प्लैटफ़ॉर्म में हमेशा अंतर दिख सकता है. quirksmode.org जैसी साइटें, काम के तरीके ढूंढने के लिए, अच्छे रिसॉर्स हैं.

XHTML और क्वर्क मोड

हमारा सुझाव है कि आप उन पेजों पर मानक के मुताबिक बनाए गए लाइटबॉक्स का इस्तेमाल करें, जिसमें दर्शक हों. जब ब्राउज़र को पेज पर सबसे ऊपर DOCTYPEएचटीएमएल दिखता है, तो वे पेज को "स्टैंडर्ड अनुपालन मोड" में रेंडर करते हैं. इससे, सभी ब्राउज़र पर लेआउट और व्यवहार के बारे में ज़्यादा अनुमान लगाया जा सकता है. इस परिभाषा के बिना पेज "क्वर्क्स मोड" में दिख सकते हैं, जिसकी वजह से लेआउट में अंतर हो सकता है.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

एम्बेड किए गए व्यूअर एपीआई के उदाहरण

ध्यान दें कि इस दस्तावेज़ में दिए गए ज़्यादातर उदाहरण सिर्फ़ सही JavaScript कोड दिखाते हैं, पूरी एचटीएमएल फ़ाइल नहीं. आप JavaScript कोड को अपनी स्केलेट एचटीएमएल फ़ाइल में प्लग कर सकते हैं या उदाहरण के बाद लिंक पर क्लिक करके हर उदाहरण के लिए पूरी एचटीएमएल फ़ाइल डाउनलोड कर सकते हैं.

समस्या हल करना

अगर ऐसा लगता है कि आपका कोड काम नहीं कर रहा है, तो यहां दिए गए कुछ तरीकों की मदद से अपनी समस्याएं हल कर सकते हैं:

  • टाइपिंग की गलतियां खोजें. याद रखें कि JavaScript केस-सेंसिटिव भाषा है.
  • JavaScript डीबगर का इस्तेमाल करें. Firefox में, JavaScript कंसोल, वैंकमैन डीबगर या फ़ायरबग ऐड-ऑन का इस्तेमाल किया जा सकता है. IE में, आप Microsoft Script डीबगर का इस्तेमाल कर सकते हैं. Google Chrome ब्राउज़र में कई डेवलपमेंट टूल पहले से मौजूद होते हैं. इनमें DOM जांच करने वाला और JavaScript डीबगर भी शामिल है.