Pada kesempatan kali ini saya akan melanjutkan cara membuat permalink otomatis dengan jquery part2. sebelumnya saya sudah menjelaskan dan teman-teman sudah mengetahui permalink adalah URL atau link suatu halaman website, baik itu link artikel dan link yang lainnya yang terkait dengan halaman website. Dari link tersebut biasanya diambil dari judul dari suatu halaman, dan URL tersebut diambil dari judul tersebut hanya saja untuk setiap huruf besar diganti menjadi huruf kecil dan untuk character spesial lainnya diganti dengan – . Dan sebelumnya kalian sudah membuat komponen input titile dan permalink didalam file index.html, dan disini akan saya lanjutkan untuk membuat kode jquerynya, yang dibuat fungsi dan disimpan di file .js dengan nama slugpermalink.js . Untuk membuatnya langsung saja kalian bisa mengikuti tahapan yang saya berikan dibawah ini.

Berikut Tahapannya :

  • Buat satu buah file dengan nama slugpermalink.js yang sejajar dengan file index.html
  • Selanjutnya ketikan kode seperti berikut

  • Selanjutnya jika sudah save file tersebut dan lihat hasilnya di browser dengan mengetikan localhost/nama_folder_project

Note:

  1. disini saya menggunakan webserver local xampp
  2. nama_folder_project disesuaikan dengan nama folder kalian yang ada di dalam folder webserver local kalian.

Sampai disini penjelasan saya mengenai cara membuat permalink otomatis dengan jquery part2, semoga bermanfaat.