How to Link Java Script File to Html

JAVA SCRIPT FILE ( .JS FILE ) को .HTML से Link कैसे करें –

How to link java script ( External file ) to html file||Connect .js to .html

JAVA SCRIPT FILE जो अलग से बनी हो यानि External फाइल को .HTML से लिंक कैसे करें ये हम इस पोस्ट में जानेगें- link java script file to html file

जावा स्क्रिप्ट स्टेटमेंटस को एक अलग फाइल में बनाकर उन्हें .JS एक्सटेंशन के नाम से फाइल को सेव किया जाता हैं तथा HTML फाइल में स्क्रिप्ट टैग में .JS फाइल को लिंक किया जाता हैं इसके लिए HTML फाइल में स्क्रिप्ट टैग के साथ में SRC एट्रिब्यूट का यूज़ किया जाता हैं इसे यहाँ एक फाइल बनाकर समझ सकते हैं जैसे –

नीचे एक फाइल हैं जिसमें केवल जावा स्क्रिप्ट के स्टेटमेंट्स है जिन्हे फाइल नाम ABC.JS फाइल एक्सटेंशन के साथ सेव किया गया है –

उपरोक्त फाइल को लिंक करने के लिए हमें .HTMLफाइल जो XYZ.HTMLबनानी होगी जो निम्न हैं-

दोनों फाइल को लिंक करने के लिए उपरोक्त html फाइल में script के साथ src एट्रिब्यूट का यूज़ किया गया है जिसमे ABC.JS जो की जावास्क्रिप्ट की एक EXTERNAL फाइल हैं का फाइल नाम एक्सटेंशन के साथ दिया गया हैं।

दोनों फाइल लिंक होने के बाद सिर्फ XYZ .HTML फाइल को वेब ब्राउज़र में रन किया जायेगा जिससे निम्न आउटपुट प्राप्त होगा।