কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্ট দিয়ে URL অবজেক্ট তৈরি করা

জাভাস্ক্রিপ্ট দিয়ে URL অবজেক্ট তৈরি করার কোড নিচে দেওয়া হল:

উদাহরণ

<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>URL অবজেক্ট</title>
  <style>
    body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
    .result { font-size: 18px; font-weight: 500; color: rebeccapurple; }
  </style>
</head>
<body>
  <h1>জাভাস্ক্রিপ্টে URL অবজেক্ট</h1>
  <div class="result"></div>
  <button class="Btn">এখানে ক্লিক করুন</button>
  <h3> URL অবজেক্ট তৈরি ও প্রদর্শন করতে বোতামে ক্লিক করুন</h3>
  <script>
    const resEle = document.querySelector(".result");
    const url = new URL("https://google.com/image=23&size=440px");
    document.querySelector(".Btn").addEventListener("click", () => {
      resEle.innerHTML += "url protocol = " + url.protocol + "<br>";
      resEle.innerHTML += "url host = " + url.host + "<br>";
      resEle.innerHTML += "url.pathname = " + url.pathname + "<br>";
    });
  </script>
</body>
</html>

আউটপুট

উপরের কোডটি নিচের আউটপুট দেবে:

জাভাস্ক্রিপ্ট দিয়ে URL অবজেক্ট তৈরি করা

'এখানে ক্লিক করুন' বোতামে ক্লিক করার পর:

জাভাস্ক্রিপ্ট দিয়ে URL অবজেক্ট তৈরি করা

  1. জাভাস্ক্রিপ্ট দিয়ে অ্যানিমেশন তৈরি

  2. জাভাস্ক্রিপ্টে ডেট অবজেক্ট তৈরির পদ্ধতি

  3. জাভাস্ক্রিপ্টে মাল্টিডাইমেনশনাল অবজেক্ট তৈরি করা

  4. জাভাস্ক্রিপ্টে প্রতিটি অবজেক্টের জন্য ইউনিক আইডি তৈরি করা