কম্পিউটার

কেন আমার HTML ফাইল একটি উৎস মডিউল থেকে জাভাস্ক্রিপ্ট ফাংশন খুঁজে পেতে পারে না?


আপনি "রপ্তানি" বিবৃতি ব্যবহার না করলে এটি ঘটতে পারে৷ স্ক্রিপ্ট ফাইলে আমদানি করা ফাংশনের আগে "রপ্তানি" ব্যবহার করুন। JavaScript ফাইলটি নিম্নরূপ যার নাম demo.js.

ফাইল রয়েছে

demo.js

console.log("function will import");
export function test(){
   console.log("Imported!!!");
}

এখানে "index.html" ফাইলটি রয়েছে যা উপরের ফাংশনটি আমদানি করে -

index.html

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<script type='module'>
   import { test } from "./demo.js"
   test();
</script>
</body>
</html>
থেকে { পরীক্ষা } আমদানি করুন

উপরের প্রোগ্রামটি চালানোর জন্য, ফাইলের নাম "anyName.html(index.html)" সংরক্ষণ করুন এবং ফাইলটিতে ডান ক্লিক করুন। ভিএস কোড এডিটরে "লাইভ সার্ভারের সাথে খুলুন" বিকল্পটি নির্বাচন করুন৷

নিচে demo.js ফাইল থেকে আউটপুট দেওয়া হল যার ফাংশনের নাম test().

আছে

কেন আমার HTML ফাইল একটি উৎস মডিউল থেকে জাভাস্ক্রিপ্ট ফাংশন খুঁজে পেতে পারে না?


  1. সময় জাভাস্ক্রিপ্টে একটি নির্দিষ্ট সময়ে পৌঁছালে আমি কীভাবে একটি ফাংশন ট্রিগার করব?

  2. জাভাস্ক্রিপ্টের ভিতরের বাইরের ফাংশন থেকে শ্রোতা অপসারণ করছেন?

  3. কিভাবে আমি জাভাস্ক্রিপ্টে H1 innerText এর সন্তানের innerText ছাড়া পেতে পারি?

  4. জাভাস্ক্রিপ্ট এইচটিএমএল হিসাবে একটি ফাংশনের ফলাফল প্রদর্শন করে?