Estoy tratando de verificar si el acceso de los usuarios se realiza por computadora de escritorio o móvil. Para esto, estoy hacienda lo siguiente:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function checkDevice() {
var texto = "";
if( navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)
){
texto = "<h1>ACESSO PELO CELULAR</h1>";
}
else {
texto = "<h1>ACESSO PELO DESKTOP</h1>";
}
document.getElementById("divResultado").innerHTML = texto;
}
</script>
<div id="divResultado" onload="checkDevice()"></div>
</body>
</html>
Me gustaría que apareciera un mensaje en la pantalla del usuario, pero no aparece, se Vuelve blanco. No sé mucho Javascript y perdono mi español.