কম্পিউটার

জাভাস্ক্রিপ্টের সাথে একটি উপাদান লুকানো আছে কিনা তা কিভাবে খুঁজে বের করবেন?


জাভাস্ক্রিপ্টের সাথে একটি উপাদান লুকানো আছে কিনা তা খুঁজে বের করতে, কোডটি নিম্নরূপ -

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .hiddenDiv {
      width: 100%;
      padding: 20px;
      text-align: center;
      background-color: lightblue;
      margin-top: 20px;
      display: none;
      font-size: 20px;
   }
   .showBtn {
      border: none;
      padding: 15px;
      font-size: 18px;
      background-color: rgb(86, 25, 155);
      color: white;
   }
</style>
</head>
<body>
<h1>Find hidden element using JavaScript</h1>
<h2>Click on the below button to display hidden element</h2>
<button class="showBtn">Show element</button>
<div class="hiddenDiv">
This is a DIV element
</div>
<script>
   document.querySelector(".showBtn").addEventListener("click", showHidden);
   function showHidden() {
      var x = document.querySelector(".hiddenDiv");
      if (window.getComputedStyle(x).display === "none") {
         x.style.display = "block";
      }
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

জাভাস্ক্রিপ্টের সাথে একটি উপাদান লুকানো আছে কিনা তা কিভাবে খুঁজে বের করবেন?

"এলিমেন্ট দেখান" বোতামে ক্লিক করলে -

জাভাস্ক্রিপ্টের সাথে একটি উপাদান লুকানো আছে কিনা তা কিভাবে খুঁজে বের করবেন?


  1. কোন জাভাস্ক্রিপ্ট ইভেন্টগুলি ফায়ার করেছে তা কীভাবে খুঁজে বের করবেন?

  2. জাভাস্ক্রিপ্ট দিয়ে একটি উপাদানের মার্জিন কিভাবে সেট করবেন?

  3. জাভাস্ক্রিপ্ট সহ একটি ইনপুট ক্ষেত্রের ভিতরে ক্যাপসলক চালু আছে কিনা তা কীভাবে খুঁজে পাবেন?

  4. কীভাবে জাভাস্ক্রিপ্ট অ্যারেতে একটি উপাদান অনুসন্ধান করবেন?