HTML में JavaScript कोड <script> टैग्स के बीच रखा जाता है। ब्राउज़र को बताता है कि यहां स्क्रिप्ट है।
स्क्रिप्ट प्लेसमेंट के स्थान
<head> टैग में
<body> टैग में
बाहरी फाइल के रूप में (src एट्रिब्यूट)
डेमोन्स्ट्रेशन कोड
<html> <body>
<p>यह उदाहरण "JavaScript is not java" को HTML एलिमेंट में लिखता है जिसका id="demo" है</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "JavaScript is not java";
</script> </body> </html>
आउटपुट
यह उदाहरण "JavaScript is not java" को HTML एलिमेंट में लिखता है जिसका id="demo" है
JavaScript is not java
व्याख्या
हर JavaScript कोड <script> टैग में होना चाहिए
बाहर होने पर कोड एक्सेक्यूट नहीं होता, टेक्स्ट के रूप में दिखता है
document.getElementById() DOM एलिमेंट एक्सेस करता है
HTML कैनवास पर ड्रॉइंग JavaScript के साथ की जानी है। कैनवास पर ड्रॉ करने से पहले HTML DOM मेथड getElementById() और getContext() का उपयोग करें।
उसके लिए, कुछ चरणों का पालन करें:
कैनवास एलिमेंट खोजने के लिए getElementById() मेथड का उपयोग करें।
getContext() का उपयोग करें, जो कैनवास के लिए ड्रॉइंग ऑब्
innerHTML सेट करने का सही सिंटैक्स निम्नानुसार है -
document.getElementById(yourIdName).innerHTML=yourValue;
आइए अब देखें कि innerHTML कैसे सेट करें -
उदाहरण
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<meta name=viewport content=width=device-widt
हमें एक जावास्क्रिप्ट फैक्टोरियल फ़ंक्शन लिखना है जो एक अन्य सहायक फ़ंक्शन, range() की मदद लेता है।range फ़ंक्शन को 1 से इनपुट संख्या तक की संख्याओं की एक श्रृंखला तैयार करनी चाहिए। फिर मुख्य फ़ंक्शन को उस श्रृंखला सरणी पर Array.prototype.reduce() चलाकर फैक्टोरियल की गणना करनी चाहिए।उदाहरणइसके लिए क