jln. swadaya raya
contact@domain.com
Follow Us Online
081809323666
Learn More
blogs
Home » Aktivitasku  »  Fitur Kecil Yang Ternyata Penting di Website To-Do
Fitur Kecil Yang Ternyata Penting di Website To-Do

Awalnya aku kira bikin website To-Do list itu bakal sederhana banget. Tinggal bikin input, tombol tambah, terus task-nya muncul di layar. Selesai. Tapi ternyata setelah aku coba bikin sendiri, aku baru sadar kalau ada beberapa fitur kecil yang ternyata penting banget buat website agar terasa lebih nyaman dipakai dan dilihatnya.

Walaupun fiturnya terlihat sepele, ternyata justru hal-hal kecil ini yang ngebantu banget supaya website jadi lebih rapih dan enak dipakai-nya.

  1. Validasi Input Kosong.
    Awalnya website aku masih bisa ditambahin task kosong. Jadi kalau tombol “Tambah” dipencet tanpa isi apa-apa, task kosong tetap masuk ke daftar.


    Keliatannya sepele, tapi ternyata itu bikin tampilan jadi aneh dan kurang rapih. Akhirnya aku nambahin validasi supaya user harus isi task terlebih dahulu sebelum ditambahkan.

    Dari sini aku mulai sadar kalau validasi itu penting banget, bahkan untuk project sederhana sekalipun.

  2. Menghapus Spasi Berlebih dengan trim()
    Aku juga baru tau kalau orang bisa aja ngetik spasi doang trus di input, misalnya user mengetik (" ") lalu langsung enter begitu aja. Secara teknis input itu ga kosong, padahal sebenernya ga ada isi apa-apa.

    Karena itu aku pakai trim() di JavaScript supaya spasi di awal dan akhir dihapus terlebih dahulu sebelum dicek.

    Awalnya aku pikir fitur ini kecil, eh tapi ternyata berguna banget.

  3. Batas Maksimal Karakter
    Setelah dicoba beberapa kali, aku kepikiran gimana kalau user masukin teks yang terlalu panjang.

    Nah kalau task nya terlalu panjang nanti tampilannya jadi berantakan dan kurang enak juga dilihatnya. Maka dari itu aku tambahin batas karakter supaya input tetap terlihat rapih.

    Selain bikin tampilan lebih rapih, fitur ini juga bikin user jadi lebih fokus menulis task yang singkat dan jelas.

  4. Mencegah Task Duplicate.
    Kadang user bisa aja menambahkan task yang sama berkali-kali tanpa sadar, karena itu aku coba menambahkan pengecekan duplicate task supaya task yang sama tidak muncul terus menerus.

Nah dari project kecil ini aku jadi tau kalau bikin website itu bukan suman soal "Website nya jalan aja", tapi juga soal gimana website itu nyaman digunakan.

Dan jujur, dari fitur-fitur kecil ini aku malah jadi lebih ngerti dasar JavaScript pelan-pelan.

Okei, segitu aja tulisanku kali ini. Semoga bermafaat untuk kamu yang mau buat website.

Leave a Reply

Your email address will not be published. Required fields are marked *