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

জাভাস্ক্রিপ্টে ক্লোジャー ব্যবহার করে প্রাইভেট প্রপার্টি বাস্তবায়ন

জাভাস্ক্রিপ্টে ক্লোジャー ব্যবহার করে প্রাইভেট প্রপার্টি বাস্তবায়ন করার উদাহরণ নিচে দেওয়া হল:

উদাহরণ

<!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: 20px; font-weight: 500; color: blueviolet; }
  </style>
</head>
<body>
  <h1>প্রাইভেট প্রপার্টি, ক্লোジャー ব্যবহার করে</h1> 
  <div class="result">0</div> 
  <br /> 
  <button class="Btn">এখানে ক্লিক করুন</button> 
  <h3> ক্লোジャー ব্যবহার করে কাউন্টার ইনক্রিমেন্ট করতে বোতামে ক্লিক করুন</h3> 
  <script> 
    const btnEle = document.querySelector(".Btn"); 
    const resEle = document.querySelector(".result"); 
    function test() { 
      let a = 0; 
      return function incrementA() { 
        a++; 
        return a; 
      }; 
    } 
    const storeVal = test(); 
    btnEle.addEventListener("click", (event) => { 
      resEle.innerHTML = storeVal(); 
    }); 
  </script> 
</body>
</html>

আউটপুট

জাভাস্ক্রিপ্টে ক্লোジャー ব্যবহার করে প্রাইভেট প্রপার্টি বাস্তবায়ন

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

জাভাস্ক্রিপ্টে ক্লোジャー ব্যবহার করে প্রাইভেট প্রপার্টি বাস্তবায়ন

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

  2. জাভাস্ক্রিপ্টে স্ট্যাটিক প্রোপার্টি

  3. জাভাস্ক্রিপ্টে শেয়ার্ড প্রোপার্টি

  4. জাভাস্ক্রিপ্ট ব্যবহার করে প্যারেন্ট এলিমেন্টের CSS প্রপার্টি वारিস করা