5 Trik Yang Harus Kamu Ketahui Sebagai Frontend Developer
1. Word-Wrap
word-wrap adalah salah satu fungsi untuk menyesuaikan antara text dengan lebar area text tersebut. Jadi kita tidak perlu scroll ke kanan-kiri untuk membaca text yang sekiranya kepanjangan. Untuk lebih jelasnya teman-teman lihat source dibawah ini :
2. Writing-Mode
writing-mode mengubah alignment teks sehingga dapat dibaca dari atas ke bawah atau dari kiri ke kanan, tergantung pada bahasa. Misalnya kita ingin menambahkan beberapa teks yang dibaca dari atas ke bawah dan dari kanan ke kiri, seperti ini:
3. Console.Table()
console.table() memungkinkan kita untuk mencatat data ke konsol dalam bentuk tabel. Dibutuhkan data argumen wajib yang dapat berupa array atau objek dan columns parameter opsional . Jika data argumennya adalah array, ia mencatat data sebagai tabel dengan setiap elemen dalam array sebagai baris dalam tabel.
Kolom pertama dalam tabel akan diberi label (index). Jika data adalah array, maka nilainya akan menjadi indeks array. Tetapi jika data adalah sebuah objek, maka nilainya akan menjadi nama properti.
4. Datalist
datalist digunakan untuk menyediakan fitur pelengkapan otomatis pada elemen formulir. Ini memberikan daftar opsi yang telah ditentukan kepada pengguna untuk memilih data. Tag datalist diperkenalkan di HTML5.
Tag <input> yang berisi atribut "list". Nilai atribut "list" ditautkan dengan id datalist.