জাভাস্ক্রিপ্ট দিয়ে কিভাবে স্বয়ংক্রিয়ভাবে বর্তমান বছর আপডেট করবেন

আপনার ফুটারে বর্তমান বছর স্বয়ংক্রিয়ভাবে আপডেট করা সবচেয়ে সহজ জিনিসগুলির মধ্যে একটি। দুর্ভাগ্যবশত, অনেক ওয়েবসাইটের মালিক জানেন না যে বর্তমান বছর প্রদর্শন করা গুরুত্বপূর্ণ, উভয় কপিরাইটের কারণে এবং তাদের ব্যবহারকারীদের জানানোর জন্য যে তাদের ওয়েবসাইট আপ-টু-ডেট।

বেশিরভাগ পুরানো ওয়েবসাইট এবং এমনকি কিছু আধুনিক সাইটের ফুটারে এইচটিএমএল এইভাবে দেখায়:

<span>© 2018 Company Name</span>

• © চিহ্ন ব্যবহার করে কপিরাইট দাবি।
• বর্তমান বছর।
• কোম্পানীর নাম।

এই স্ট্যাটিক টাইমস্ট্যাম্প পদ্ধতি ব্যবহার করে, ওয়েবসাইটের মালিককে প্রতি বছর প্রদর্শিত বছর ম্যানুয়ালি সম্পাদনা করতে হবে। এটা অবাস্তব।

সমস্ত ওয়েবসাইট থেকে দূরে একটি ব্যবহারকারী-বান্ধব UI ড্যাশবোর্ড রয়েছে যাতে তাদের ফুটার তথ্য সম্পাদনা করার সহজ অ্যাক্সেস রয়েছে। তাই ওয়েবসাইটের মালিককে হয় তার HTML ফাইলগুলিকে নিজেরাই সম্পাদনা করতে হবে বা এটি করার জন্য কাউকে নিয়োগ করতে হবে৷

এটি সময় এবং সম্পদের অপচয়।

সেকেলে টাইমস্ট্যাম্প আপনার ব্র্যান্ডের ক্ষতি করতে পারে

দুর্ভাগ্যবশত, বর্তমান বছর প্রদর্শন না করে এটি আপনার ওয়েবসাইটকে পুরানো দেখায় — এমনকি তা না হলেও। আপনি যদি আজকে কোনো ওয়েবসাইটে যান, কিন্তু ওয়েবসাইটের বর্তমান বছর 2015 বলে, তাহলে সেটি কি আপনাকে করে? মনে হয়?

হুবহু। এটি আপনাকে অবাক করে যে ওয়েবসাইটটি এখনও সক্রিয় আছে কিনা৷

আজকের পর, আপনার নিজের সাইট বা আপনার ক্লায়েন্টদের ওয়েবসাইটে এই সমস্যা নিয়ে আপনাকে আর চিন্তা করতে হবে না৷

জাভাস্ক্রিপ্টের getFullYear() পদ্ধতির সাথে বর্তমান বছর প্রদর্শন করুন

উপরের HTML এ আপনি যে স্ট্যাটিক টাইমস্ট্যাম্প দেখেছেন তা ব্যবহার করার পরিবর্তে, নেটিভ জাভাস্ক্রিপ্ট তারিখ পদ্ধতি, getFullYear(): যোগ করে এটিকে গতিশীল করে তুলি। আমাদের ফুটারে।

প্রথমে, আপনার ব্রাউজার কনসোলে নিম্নলিখিত কোডটি যোগ করুন (বা কনসোল সহ যেকোনো পাঠ্য সম্পাদক) যাতে আমরা এটি পরীক্ষা করতে পারি:

document.write(new Date().getFullYear());

এন্টার টিপুন, এবং আপনি আপনার ব্রাউজার উইন্ডোর উপরের বাম কোণে বর্তমান তারিখটি দেখতে পাবেন।

আপনি এই CodePen উদাহরণের ভিতরে ফাংশনে কোড দেখতে পারেন। কনসোল উইন্ডোটি দেখুন।

এখন যেহেতু আমরা জানি এটি কাজ করে, চলুন getFullYear() নেওয়া যাক উপরে থেকে কোড করুন এবং আগের থেকে আমাদের পাদচরণ HTML এর ভিতরে এটি মোড়ানো:

<span>
  &copy;<script>document.write(new Date().getFullYear());</script> Company Name
</span>

ফলাফল:

অভিনন্দন, আপনার বছরের টাইমস্ট্যাম্প আপ টু ডেট রাখার বিষয়ে আপনাকে আর চিন্তা করতে হবে না, জাভাস্ক্রিপ্ট এখান থেকে গ্রহণ করবে।

মূল কপিরাইট বছর এবং বর্তমান বছর দেখান

কখনও কখনও আপনি বর্তমান বছর এবং আপনি আপনার কোম্পানি নিবন্ধিত বছর উভয় প্রদর্শন করতে চান. এটি আপনার কপিরাইট দাবির বছর হাইলাইট করতে পারে। কোন সমস্যা নেই. আপনি যদি চান আপনার শুরুর বছর 2016 হোক, শুধু 2016- যোগ করুন উপরের কোডে, তাই এটি এইরকম দেখাচ্ছে:

<span>
  &copy; 2016-<script>document.write(new Date().getFullYear());</script> Company
  Name
</span>