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>