Menampilkan Elemen ID Tertentu pada Android atau iOS
Berikut ini merupakan kodenya.
<!DOCTYPE html>
<html>
<head>
<title>Contoh HTML untuk Menampilkan Elemen ID Tertentu pada Android atau iOS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="id-elemen" style="display:none;">
<h1>Halo pengguna Android atau iOS!</h1>
<p>Elemen ini hanya akan ditampilkan pada perangkat Android atau iOS.</p>
<img src="#" alt="promo new member" style="width:100%;">
</div>
<h1>Selamat datang di halaman web saya!</h1>
<script>
// Mendapatkan elemen dengan ID tertentu
const elemen = document.getElementById("id-elemen");
// Mendeteksi perangkat yang digunakan oleh pengguna
const isAndroid = navigator.userAgent.toLowerCase().indexOf("android") > -1;
const isIOS = navigator.userAgent.match(/iPhone|iPad|iPod/i);
// Jika pengguna menggunakan Android atau iOS, maka tampilkan elemen
if (isAndroid || isIOS) {
elemen.style.display = "block";
} else {
elemen.style.display = "none";
}
</script>
</body>
</html>