জয়েন লগইন

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

🌈জাভাস্ক্রিপ্ট matchMedia কি?

📋জাভাস্ক্রিপ্ট matchMedia হলো মিডিয়া কুয়েরির সাথে বর্তমান ডিভাইসের অবস্থা যাচাই করার পদ্ধতি।

⚒️জাভাস্ক্রিপ্ট matchMedia মিডিয়া কুয়েরির সাথে বর্তমান ডিভাইসের অবস্থা যাচাই করতে ব্যবহৃত হয়।

জাভাস্ক্রিপ্ট matchMedia মিডিয়া কুয়েরির সাথে বর্তমান ডিভাইসের অবস্থা যাচাই করার উদাহরণ।

javascript
<!DOCTYPE html>
<html>
<body>

<p id="result">স্ক্রিন</p>

<script>
let media = window.matchMedia("(max-width: 600px)");

function check() {
  result.textContent = media.matches
    ? "স্ক্রিন ৬০০ পিক্সেলের চেয়ে ছোট"
    : "স্ক্রিনের প্রস্থ ৬০০ পিক্সেলের চেয়ে বড়";
}

check();
media.addEventListener("change", check);
</script>

</body>
</html>