কম্পিউটার

ব্রাউজিং ইতিহাস অ্যাক্সেস করতে জাভাস্ক্রিপ্ট প্রোগ্রাম


জাভাস্ক্রিপ্ট -

-এ ব্রাউজিং ইতিহাস অ্যাক্সেস করার জন্য নিম্নলিখিত কোড

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>Program to access browsing history</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to see history length</h3>
<button class="Btn">FORWARD</button>
<button class="Btn">BACKWARD</button>
<h3>Click on the above button to go forward or backward</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelectorAll(".Btn");
   BtnEle[0].addEventListener("click", () => {
      resEle.innerHTML = window.history.length;
   });
   BtnEle[1].addEventListener("click", () => {
      window.history.forward();
   });
   BtnEle[2].addEventListener("click", () => {
      window.history.back();
   });
</script>
</body>
</html>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

ব্রাউজিং ইতিহাস অ্যাক্সেস করতে জাভাস্ক্রিপ্ট প্রোগ্রাম

'এখানে ক্লিক করুন' বোতামে ক্লিক করলে -

ব্রাউজিং ইতিহাস অ্যাক্সেস করতে জাভাস্ক্রিপ্ট প্রোগ্রাম

'ব্যাকওয়ার্ড' বোতামে ক্লিক করলে আপনি ইতিহাসের আগের পৃষ্ঠায় যাবেন -

ব্রাউজিং ইতিহাস অ্যাক্সেস করতে জাভাস্ক্রিপ্ট প্রোগ্রাম


  1. জাভাস্ক্রিপ্ট সমষ্টি ফাংশন একটি বোতাম ক্লিক করুন

  2. বোতাম ক্লিকে জাভাস্ক্রিপ্টে একটি ডিভ কীভাবে লুকাবেন?

  3. জাভাস্ক্রিপ্টে বোতাম ক্লিকে li উপাদানগুলি কীভাবে সরিয়ে ফেলা যায়?

  4. জাভাস্ক্রিপ্ট - একটি HTML বোতামে ক্লিক করার জন্য একটি সতর্কতা তৈরি করুন