Pada kesempatan kali ini saya akan menjelaskan cara membuat slug di javascript. Sebelumnya perlu teman-teman ketahui, Slug (siput) adalah url yang dihasilkan dari judul atau title di posting artikel website teman-teman. Fungsi dari slug tersebut adalah untuk mewakilkan suatu postingan artikel di url browser supaya url suatu halaman website menjadi friendly dan tentunya sangat di sukai oleh mesin pencari seperti google. Dari slug tersebut biasanya di ambil dari suatu judul atau title artikel website, dengan mengganti karakter spasi dengan (-). Untuk membuat slug tersebut, teman-teman bisa dengan berbagai cara, salah satu nya bisa dengan cara prosedural di PHP. Namun pada contoh di sini yang akan saya jelaskan adalah dengan javascript.

Cara kerjanya :

  • Ketika teman-teman mengetikan judul atau title suatu artikel di website yang teman-teman buat, maka secara automatis komponen slug akan terisi text tersebut dengan sendiri nya dan akan menggantikan huruf besar menjadi huruf kecil serta mengganti spasi menjadi karakter – .

Berikut tahapan nya :

  • Teman-teman buat terlebih dahulu satu buah file dengan nama index.html, jika sudah tuliskan kode seperti di bawah ini :

Keterangan : ( #judul adalah id dari komponen input judul, #slug adalah id dari komponen input slug ).

  • Jika sudah teman-teman bisa save file index.html tersebut, dan lihat hasilnya pada browser teman-teman.
  • Teman-teman sudah selesai dan berhasil membuat slug dan bisa di kreasikan lagi sesuai dengan keperluan teman-teman.

Sampai di sini penjelasan saya mengenai cara membuat slug di javascript, semoga bermanfaat.