Membuat beberapa Halaman Web dengan satu file HTML saja menggunakan Javascript dan DOM

Tujuan

• Efisiensi dalam pengembangan web dengan menggunakan satu file index.html saja
• Menghemat waktu dalam pengembangan web ketika ingin melakukan perubahan pada semua halaman web
• Halaman web yang dibuat dapat diakses dengan menggunakan URL yang berbeda
• History pada browser dapat digunakan untuk mengakses halaman web yang dibuat dengan menggunakan tombol back dan forward

Contoh Cara Kerja

• Ketika diklik menu about, maka akan menampilkan halaman web about dan URL akan berubah menjadi https://miftawidaya.github.io/halaman-web-tunggal-dom/#about
• Ketika ingin mengakses halaman web contact, maka gunakan URL: https://miftawidaya.github.io/halaman-web-tunggal-dom/#contact dan javascript akan menampilkan halaman web contact.

Referensi belajar

• https://itnext.io/build-a-single-page-web-app-javascript-and-the-dom-90c99b08f8a9

Demo halaman web

• Contoh halaman web bisa dilihat di https://miftawidaya.github.io/halaman-web-tunggal-dom/