HTML Window sessionStorage প্রপার্টি আমাদের কী/মান যুগল ডেটা একটি ওয়েব ব্রাউজারে শুধুমাত্র একটি সেশনের জন্য সংরক্ষণ করতে দেয় অর্থাৎ ব্রাউজার ট্যাব বন্ধ হলে ডেটা মুছে যায়।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
window.sessionStorage
HTML Window sessionStorage প্রপার্টির একটি উদাহরণ দেখা যাক:
উদাহরণ
<!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat; text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 30%; display: block; color: #fff; outline: none; cursor: pointer; margin: 1rem auto; } .show{ font-size:1.2rem; } </style> <body> <h1>HTML Window sessionStorage প্রপার্টি ডেমো</h1> <button onclick="store()" class="btn">'John Smith' নাম sessionStorage-এ সংরক্ষণ করুন</button> <button onclick="display()" class="btn">sessionStorage সংরক্ষিত মান দেখান</button> <div class="show"></div> <script> function store(){ sessionStorage.setItem('firstName','John'); sessionStorage.setItem('lastName','Smith'); document.querySelector('.show').innerHTML='নাম সফলভাবে সংরক্ষিত'; } function display(){ var firstName=sessionStorage.getItem('firstName'); var lastName=sessionStorage.getItem('lastName'); document.querySelector('.show').innerHTML='sessionStorage-এ সংরক্ষিত নাম: '+ firstName +' '+lastName; } </script> </body> </html>আউটপুট
sessionStorage-এ নাম সংরক্ষণ করতে 'John Smith' নাম sessionStorage-এ সংরক্ষণ করুন বাটনে ক্লিক করুন:
এখন সংরক্ষিত মান দেখতে sessionStorage সংরক্ষিত মান দেখান বাটনে ক্লিক করুন:
আপনি ডেভ টুলসে session storage খুলেও দেখতে পারেন এটি কীভাবে কাজ করে:
