কম্পিউটার

জাভাস্ক্রিপ্ট সহ একটি ওয়েব পৃষ্ঠায় 'ক্লিপবোর্ডে অনুলিপি' বৈশিষ্ট্য তৈরি করা


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

সহ একটি ওয়েব পৃষ্ঠায় 'ক্লিপবোর্ডে অনুলিপি' বৈশিষ্ট্য তৈরি করার জন্য নিম্নলিখিত কোড রয়েছে

উদাহরণ

<!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;
   }
   input,
   button {
      padding: 8px;
   }
</style>
</head>
<body>
<h1>Creating Copy to Clipboard</h1>
<input class="textCopy" type="text" />
<button class="Btn">Copy Text</button><br /><br />
<input type="text" placeholder="paste here" />
<h3>Click on the above button to copy text from the textbox</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   let textCopyEle = document.querySelector(".textCopy");
   BtnEle.addEventListener("click", () => {
      textCopyEle.select();
      document.execCommand("copy");
   });
</script>
</body>
</html>

আউটপুট

জাভাস্ক্রিপ্ট সহ একটি ওয়েব পৃষ্ঠায়  ক্লিপবোর্ডে অনুলিপি  বৈশিষ্ট্য তৈরি করা

প্রথম টেক্সটবক্সে কিছু টাইপ করার পরে এবং "কপি টেক্সট" বোতামে ক্লিক করলে -

জাভাস্ক্রিপ্ট সহ একটি ওয়েব পৃষ্ঠায়  ক্লিপবোর্ডে অনুলিপি  বৈশিষ্ট্য তৈরি করা

বাম ক্লিক করে টেক্সট পেস্ট করুন এবং "এখানে পেস্ট করুন" টেক্সটবক্সে পেস্ট নির্বাচন করুন -

জাভাস্ক্রিপ্ট সহ একটি ওয়েব পৃষ্ঠায়  ক্লিপবোর্ডে অনুলিপি  বৈশিষ্ট্য তৈরি করা



  1. প্রতিবার জাভাস্ক্রিপ্ট দিয়ে পৃষ্ঠা লোড হওয়ার সময় একটি পাঠ্য হাইলাইট করুন

  2. জাভাস্ক্রিপ্ট সহ একটি ওয়েব পৃষ্ঠায় উপাদান ট্যাগের ভিতরে নেই এমন কোনও পাঠ্য সরান?

  3. জাভাস্ক্রিপ্ট সহ একটি ওয়েব পেজে p ট্যাগে একটি অ্যারের সমস্ত মান প্রদর্শন করুন

  4. একটি ওয়েব পৃষ্ঠায় একটি ভিডিও ট্যাগ লুকান - জাভাস্ক্রিপ্ট