Setelah login berhasil, checkout selesai, atau ketika ingin menampilkan halaman lain otomatis, kita perlu mengarahkan pengguna. Proses ini disebut redirect. Artikel ini membahas cara redirect halaman di JavaScript.
Menggunakan window.location
<script> window.location.href = "https://sharecode.my.id"; </script>
Contoh Kasus: Redirect Setelah Login Berhasil
<script>
if (loginBerhasil) {
window.location.href = "dashboard.html";
}
</script>
Contoh Kasus: Hitung Mundur Sebelum Pindah
<script>
let detik = 5;
const timer = setInterval(function() {
document.getElementById("info").textContent = "Pindah dalam " + detik + " detik";
detik--;
if (detik < 0) {
clearInterval(timer);
window.location.href = "home.html";
}
}, 1000);
</script>
href vs replace
| Metode | Tombol Back | Cocok Untuk |
|---|---|---|
| location.href | Bisa kembali | Navigasi biasa |
| location.replace() | Tidak bisa kembali | Setelah login/logout |
Gunakan location.replace() setelah login agar pengguna tidak bisa menekan Back ke halaman login.
Kesimpulan
Gunakan window.location.href untuk redirect biasa, dan location.replace() bila tidak ingin halaman lama tercatat di riwayat, seperti setelah proses login atau logout.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

