<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body onload="getDevice()">
<p id="response" style=""> </p>
<script src="https://code.jquery.com/jquery-3.5.0.js"> </script>
<script>
function getDevice() {
var screenWidth = screen.width;
var responseP = $('#response');
if(screenWidth <= 480) {
responseP.text('mobiles');
}
if(screenWidth > 480 && screenWidth <= 1024) {
responseP.text('tablets');
}
if(screenWidth => 768 && screenWidth <= 1024) {
responseP.text('tablets (landscape)');
}
if(screenWidth => 1025 && screenWidth <= 1280) {
responseP.text('Laptops and Desktops');
}
if(screenWidth => 1281) {
responseP.text('Large Desktops');
}
}
</script>
</body>
</html>
