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

জাভাস্ক্রিপ্টে এনামারেটেড টাইপ (Enum) বাস্তবায়ন

জাভাস্ক্রিপ্টে বিল্ট-ইন Enum সাপোর্ট নেই। Enum বাস্তবায়ন করার একমাত্র উপায় হল অবজেক্ট ব্যবহার করা।

উদাহরণ

<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>এনামারেটেড টাইপ</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>জাভাস্ক্রিপ্টে এনামারেটেড টাইপ</h1>
  <div class="result"></div>
  <button class="Btn">এখানে ক্লিক করুন</button>
  <h3> রঙের মানগুলো পেতে বোতামে ক্লিক করুন</h3>
  <script>
    const resEle = document.querySelector(".result");
    const color = {
      orange: 1,
      red: 2,
      green: 3,
      blue: 4,
      pink: 5,
    };
    document.querySelector(".Btn").addEventListener("click", () => {
      resEle.innerHTML += "color.orange = " + color.orange + "<br>";
      resEle.innerHTML += "color.red = " + color.red + "<br>";
      resEle.innerHTML += "color.green = " + color.green + "<br>";
      resEle.innerHTML += "color.blue = " + color.blue + "<br>";
      resEle.innerHTML += "color.pink = " + color.pink + "<br>";
    });
  </script>
</body>
</html>

আউটপুট

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

জাভাস্ক্রিপ্টে এনামারেটেড টাইপ (Enum) বাস্তবায়ন

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

জাভাস্ক্রিপ্টে এনামারেটেড টাইপ (Enum) বাস্তবায়ন

  1. জাভাস্ক্রিপ্টে নেটিভ প্রোটোটাইপ ব্যাখ্যা

  2. জাভাস্ক্রিপ্টে শর্টহ্যান্ড (Arrow) ফাংশন ব্যাখ্যা

  3. জাভাস্ক্রিপ্টে for...in স্টেটমেন্ট ব্যাখ্যা

  4. জাভাস্ক্রিপ্টে অবজেক্ট সমতা ব্যাখ্যা