জাভাস্ক্রিপ্ট দিয়ে এলিমেন্ট লুকানো আছে কিনা যাচাই করা

জাভাস্ক্রিপ্ট ব্যবহার করে একটি এলিমেন্ট লুকানো আছে কিনা তা জানার কোড নিচে দেওয়া হলো −

উদাহরণ

<!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>জাভাস্ক্রিপ্ট দিয়ে লুকানো এলিমেন্ট খুঁজে বের করা</h1> <h2>নিচের বাটনে ক্লিক করলে লুকানো এলিমেন্ট দেখাবে</h2> <button class="showBtn">এলিমেন্ট দেখান</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>

আউটপুট

উপরের কোড নিচের আউটপুট দেবে −

“এলিমেন্ট দেখান” বাটনে ক্লিক করলে −