Beberapa hari lalu saya iseng membuat sebuah program sederhana membuat Thread Twitter. Goal paling utama adalah memecah text yang sangat panjang menjadi beberapa bagian. Maksimal karakter dalam satu bagian adalah 280 karakter.
Untuk memahami tutorial kali ini, syarat yang perlu diperlukan adalah:
- Basic HTML + CSS
- Basic Javascript
- Basic jQuery
Berikut algoritma sederhana dalam membuatnya:
- Mengambil
text
yang panjang - Memisahkan menjadi beberapa bagian dan menyimpan di variable
list
- Menampilkan list tersebut
Untuk melihat hasilnya bisa click DEMO.
Script diatas masih kurang sempurna tetapi cukup memberikan gambaran cara membuatnya. Masih ada fitur-fitur yang belum ada yaitu jika link, maka perlu perlakukan khusus dalam memecah menjadi satu bagian thread.
Adapun fitur menarik yang mungkin bisa ditambahkan seperti:
- Tambah angka didepannya. Contoh: “1) Thread 1”
- Tag untuk memaksa memisahkan menjadi thread baru.
Jika dirasa post ini menarik dan ingin melihat lebih lanjut bagaimana mengimplementasikan fitur-fitur diatas menggunakan Javascript. Silakan comment dibawah atau bisa langsung hubungi lewat sosial media saya.