Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

HTML फ़ाइल में JavaScript कैसे एम्बेड करें?


HTML फ़ाइल में JavaScript एम्बेड करने के लिए निम्नलिखित कोड है -

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script src="script.js" defer></script>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>Embed javascript in html file</h1>
<div class="result"></div>
<script>
   let resEle = document.querySelector(".result");
   resEle.innerHTML += "Inline javaScript loaded" + "<br>";
</script>
</body>
</html>

script.js

resEle.innerHTML += 'External JavaScript loaded ';

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

HTML फ़ाइल में JavaScript कैसे एम्बेड करें?


  1. जावास्क्रिप्ट का उपयोग करके HTML सूची को कैसे क्रमबद्ध करें?

    जावास्क्रिप्ट का उपयोग करके एक HTML सूची को सॉर्ट करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <body> <h1>Sorting list example</h1> <button>Click to sort</button> <ul class="animalList"> <li>Giraffe</li> <li>

  1. जावास्क्रिप्ट फ़ाइल को गतिशील रूप से कैसे लोड करें?

    एक JavaScript फ़ाइल को गतिशील रूप से लोड करने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>

  1. जावास्क्रिप्ट में टेक्स्टबॉक्स का मूल्य कैसे प्रदर्शित करें?

    मूल्य का उपयोग करके टेक्स्ट बॉक्स से मूल्य निकालें और आंतरिक HTML का उपयोग करके पैराग्राफ में प्रदर्शित कर सकते हैं। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="vi