জাভাস্ক্রিপ্ট 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>