JavaScript Cookies

JavaScript Cookies – সম্পূর্ণ বাংলা টিউটোরিয়াল

ওয়েব ব্রাউজারে ইউজারের তথ্য সংরক্ষণের জন্য Cookies ব্যবহৃত হয়। JavaScript দিয়ে আমরা কুকি তৈরি, পড়া ও মুছতে পারি। Cookies সাধারণত লগইন তথ্য, ইউজার পছন্দ বা ট্র্যাকিং এর জন্য ব্যবহৃত হয়।


1. Cookie কী?

Cookie হলো ছোট একটি টেক্সট ফাইল যা ইউজারের ব্রাউজারে সংরক্ষিত থাকে। এতে ওয়েবসাইট কিছু তথ্য জমা রাখতে পারে, যাতে পরবর্তী ভিজিটে ইউজারের পছন্দ বা অবস্থা মনে রাখা যায়।

2. কিভাবে JavaScript দিয়ে Cookie সেট করা যায়?

Cookie সেট করার জন্য JavaScript-এ document.cookie ব্যবহার করা হয়।

উদাহরণ কোড:

<script>
document.cookie = "username=Fahim; expires=Fri, 30 Jun 2025 12:00:00 UTC; path=/";
</script>

এখানে একটি কুকি তৈরি হয়েছে যার নাম username এবং মান Fahim। এটি নির্দিষ্ট সময় পর্যন্ত ব্রাউজারে থাকবে।


3. কুকি পড়া (Read Cookie)

Cookie পড়তে document.cookie ব্যবহার করলেই সব কুকি স্ট্রিং হিসেবে পাওয়া যায়।

উদাহরণ কোড:

<script>
console.log(document.cookie);
</script>

এটি সব কুকি key=value স্টাইল হিসেবে কনসোলে দেখাবে।


4. কুকি মুছা (Delete Cookie)

কুকি মুছতে হলে, একই নামের কুকি সেট করতে হবে যেটার মেয়াদ (expiry date) অতীতের কোনো তারিখে দেওয়া হয়েছে।

উদাহরণ কোড:

<script>
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";
</script>

এই কোডটি username নামের কুকি মুছে ফেলবে।


5. Cookie ফাংশন তৈরি (Reusable Functions)

Cookie সেট করা ও পড়ার জন্য ফাংশন ব্যবহার করা ভালো প্র্যাকটিস। নিচে দুটি ফাংশনের উদাহরণ দেওয়া হল।

Cookie Set এবং Get Function:

<script>
function setCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + value + expires + "; path=/";
}
 

  function getCookie(name) {
var cname = name + “=”;
var ca = document.cookie.split(‘;’);
for(var i=0;i < ca.length;i++) {
var c = ca[i].trim();
if (c.indexOf(cname) == 0) return c.substring(cname.length,c.length);
}
return “”;
}
</script>

এই ফাংশনগুলো দিয়ে আপনি যেকোনো কুকি সেট বা পড়তে পারবেন সহজেই।


6. Cookie এর গঠন (Structure)

প্যার্ট উদাহরণ
Name username
Value Fahim
Expires Fri, 30 Jun 2025 12:00:00 UTC
Path /

উপসংহার

Cookie ব্যবহার করে আপনি ইউজারের ব্রাউজারে তথ্য সংরক্ষণ করতে পারবেন, যা ওয়েবসাইটে ইউজার অভিজ্ঞতা উন্নত করতে সহায়ক। তবে সংবেদনশীল তথ্য কুকিতে রাখা উচিত নয় কারণ এটি নিরাপদ নয়।

✅ কুকির ব্যবহার ক্ষেত্র:

  • লগইন তথ্য স্মরণ রাখা
  • ভাষা পছন্দ সংরক্ষণ
  • ইউজার ভিজিট ট্র্যাকিং
  • সেশন ম্যানেজমেন্ট

Leave a Reply