Kode berikut ini hanya menampilkan id tertentu hanya sekali saja.
<html>
<head>
<title>Contoh Elemen Tampil Sekali Saja</title>
</head>
<body>
<div id="tampil-sekali">
<p>Elemen ini hanya akan tampil sekali saja.</p>
</div>
<script>
// Cek apakah cookie 'elemen-tampil' sudah ada
if (document.cookie.indexOf('elemen-tampil') >= 0) {
// Jika sudah ada, sembunyikan elemen
document.getElementById('tampil-sekali').style.display = 'none';
} else {
// Jika belum ada, tampilkan elemen dan set cookie
document.cookie = 'elemen-tampil=1';
}
</script>
</body>
</html>
Nah jika kode dibawah ini akan menampilkan id tertentu hanya sekali di awal, lalu setelahnya akan ‘hanya’ menampilkan di setelahnya.
<!DOCTYPE html>
<html>
<head>
<title>Contoh Elemen Tampil Sekali Saja</title>
</head>
<body>
<div id="tampil-sekali">
<p>Elemen ini hanya akan tampil sekali saja.</p>
</div>
<div id="muncul" style="display: none;">
<p>Elemen ini akan muncul jika elemen sebelumnya sudah hilang.</p>
</div>
<script>
// Cek apakah cookie 'elemen-tampil' sudah ada
if (document.cookie.indexOf('elemen-tampil') >= 0) {
// Jika sudah ada, sembunyikan elemen dan munculkan elemen 'muncul'
document.getElementById('tampil-sekali').style.display = 'none';
document.getElementById('muncul').style.display = 'block';
} else {
// Jika belum ada, tampilkan elemen dan set cookie
document.cookie = 'elemen-tampil=1';
}
</script>
</body>
</html>