JSFiddle - React, Tailwind, and code Playground
HTML
<p>No 'Print Me' button will appear below if your on an Android device</p>
<input type="button" onclick="window.print()" value="Print Me" class="printButton" />
<br>
<H1>RingerPrograms</H1>
CSS
.printButton {
font-size: 16px;
float: left;
color: black;
margin-bottom: 13px;
}
JavaScript
$(document).ready(function () {
var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
if (isAndroid) {
// Do something!
$(".printButton").css({
"visibility": "hidden",
"display": "none"
});
}
});