Haii teman-teman semuanya, apa kabar? kita lanjut lagi belajarnya, masih tetap semangat ya, pembahasan kali ini kita akan belajar tentang method slice pada javascript yang akan kita praktekan pada satu studi kasus memotong karakter string dengan method slice javascript.
Seperti judul pada tutorial kita kali ini, slice adalah suatu method yang berfungsi untuk memotong karakter string yang kita inginkan, untuk contohnya silahkan teman-teman buat file dan ketikan script seperti berikut ini:
1 |
<h2 id="tagline">Selamat Pagi Juara</h2> |
Saya membuat sebuah element h2 dengan id tagline, jika teman-teman save pada browser maka hasilnya akan tetap sama kata yang tertulis adalah Selamat Pagi Juara,
sekarang pada file tadi coba teman-teman tambahkan script dibawah ini :
1 2 3 4 5 |
<script> var tag = document.getElementById("tagline").textContent; var cut = tag.slice(2); console.log(cut) </script> |
Penjelasan dari script diatas adalah:
- saya membuat sebuah variable tag dimana nilainya adalah mengambil nilai text dari element yang ber ID tagline
- setelah itu saya membuat sebuah variable yang nilainya adalah memotong karakter dari nilai variable tag sebanyak 2 karakter
- setelah itu saya mencetaknya di console.log
Jika sudah teman teman lihat hasilnya pada brwoser lihat pada bagian inspec element tab console. hasilnya akan seperti berikut ini:
Katanya akan terpotong sebanyak 2 karakter dimulai dari depan.
Oke teman-teman untuk tutorial kali ini tentang memotong karakter string dengan method slice javascript cukup sampai disini duulu, semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,
terima kasih