JSFiddle - React, Tailwind, and code Playground

by nhoughto5

HTML

<div id="Android" >Is Android: </div>
<div id="facebook">Is Facebook: </div>
<br>
<div id=navAgent></div>
<br>

JavaScript

function getBrowser(){
	var androidDiv = document.getElementById("Android");
  var fbDiv = document.getElementById("facebook");
  var navAgentDiv = document.getElementById("navAgent");
  androidDiv.innerHTML += isAndroid();
  fbDiv.innerHTML += isFacebook();
  navAgentDiv.innerHTML = navigator.userAgent;
}
function isSafari(){
	return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
}
function isFacebook(){
	  var ua = navigator.userAgent || navigator.vendor || window.opera;
    return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1);
}
function isAndroid(){
 	var ua = navigator.userAgent.toLowerCase();
	return ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
}


window.onload = getBrowser();