আপনার ব্রাউজারের প্রিন্ট বা সেভ করে এমন একটি বোতাম তৈরি করতে শিখুন ফাইল উইন্ডো প্রম্পট যখন আপনি এটিতে ক্লিক করুন।
আপনি যদি প্রদত্ত ওয়েবসাইটে একটি পৃষ্ঠা মুদ্রণ বা সংরক্ষণ করতে চান তবে আপনি আপনার ব্রাউজারে যেতে পারেন (সাধারণত উপরের বাম কোণে):
- ফাইল → প্রিন্ট → এ ক্লিক করুন এবং হয় সংরক্ষণ করুন ক্লিক করুন ফাইলটিকে পিডিএফ ডকুমেন্ট হিসাবে সংরক্ষণ করতে বা আপনার প্রিন্টার দিয়ে মুদ্রণ করার জন্য বোতাম৷
- শর্টকাট মুদ্রণ/সংরক্ষণ করুন: cmd + p (Mac) / ctrl + p (উইন্ডোজ)।
কিন্তু আপনি যদি আপনার ব্যবহারকারীর জন্য একটি পৃষ্ঠা মুদ্রণ বা সংরক্ষণ করা আরও সহজ করতে চান, তাদের একটি প্রিন্ট বা ফাইল সংরক্ষণ করার বোতাম প্রদান করে যা অবিলম্বে ব্রাউজারের প্রিন্ট প্রম্পট উইন্ডোটি ক্লিক করার সাথে সাথে খোলে?
কোন সমস্যা নেই, প্রথমে একটি উপযুক্ত শ্রেণীর নাম দিয়ে একটি বোতাম তৈরি করা যাক:
<button class="button-print-or-save-document">Print or Save Document</button>আপনার কোডকে সবার জন্য পড়া সহজ করুন!
ক্লাস, ভেরিয়েবল, এর মতো জিনিসগুলির জন্য এবং ফাংশন উপরের বোতামে যেমন আমরা করি তেমন লম্বা, স্পষ্ট নামগুলি ব্যবহার করা সাধারণত ভাল। সংক্ষিপ্ত, সংক্ষিপ্ত (অন্তর্নিহিত) নামের বিপরীতে, যেমন btn-pos-d . কেউ এটা পড়তে পছন্দ করে না।
এখন বোতামটিকে জাভাস্ক্রিপ্টের সাথে ইন্টারেক্টিভ করা যাক:
const buttonPrintOrSaveDocument = document.querySelector(
".button-print-or-save-document"
)
function printOrSave() {
window.print()
}
buttonPrintOrSaveDocument.addEventListener("click", printOrSave)এখন আপনি যেকোন ওয়েব পৃষ্ঠায় এই বোতাম উপাদানটি পুনরায় ব্যবহার করতে পারেন যেখানে আপনি আপনার ব্যবহারকারীদের একটি দ্রুত মুদ্রণ বা নথি সংরক্ষণের বিকল্প প্রদান করতে চান৷
কোড কিভাবে কাজ করে
- প্রথমে, আমরা
button-print-or-save-documentসহ বোতামটি নির্বাচন করি ক্লাস করুন এবং একটিconstএ এটির একটি রেফারেন্স সংরক্ষণ করুন পরিবর্তনশীল (buttonPrintOrSaveDocument)। - তারপর আমরা একটি নামযুক্ত ফাংশন ঘোষণা করি
printOrSave()যেটিwindow.printচালায় পদ্ধতি যখন এটি বলা হয়। - অবশেষে, আমরা দুটি আর্গুমেন্ট সহ একটি ইভেন্ট লিসেনার সেট আপ করি:একটি যেটি একটি
clickশোনে বোতাম উপাদানে ইভেন্ট, এবং আরেকটিprintOrSaveকল করতে ফাংশন।
ডেমো কোড চেক করুন।
