Membuat Twitter Thread Maker Sederhana Dengan Javascript & jQuery

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:

1. Basic HTML + CSS
2. Basic Javascript
3. Basic jQuery

Berikut algoritma sederhana dalam membuatnya:

1. Mengambil text yang panjang
2. Memisahkan menjadi beberapa bagian dan menyimpan di variable list
3. 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:

1. Tambah angka didepannya. Contoh: “1) Thread 1”
2. 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.