Selamat datang kembali di website kursuswebdesign Dumetschool. Pada kesempatan kali ini saya akan membahas tentang cara membuat read more menggunakan javascript. Sahabat tentu tidak asing lagi dengan kata “Read More” atau Selengkapnya. Jadi pada sebuah website berita, atau blog tentu akan menampilkan banyak sekali artikel atau berita dalam setiap halamannya. Baiklah selanjutnya bisa langsung dicoba ikuti langkah-langkah pembuatanyaDalam pembahasan kali ini cara pembuatannya sangat sederhana jadi sahabat bisa langsung memahami setiap sintax yang dipakai. Jadi disini saya akan membuat satu buah paragraph yang nanti akan dibagi menjadi dua teks yang ditampilkan dan ada teks yang disembunyikan, dimana ketika sahabat klik read more maka teks yang tersembunyi akan ditampilkan, dan sebaliknya jika sudah ingin mengembalikan teks seperti semula click show less, seperti itu logiknya. Baiklah bagaimana cara membuatnya coba siapkan terlebih dahulu texteditornya lalu buat struktur HTML seperti berikut:

JIka sudah tambahkan Style CSS berikut ini:

1-cara membuat read more dengan javascript

dan ketikan script dari javascript dibawah ini

2-cara membuat read more dengan javascript

Sekarang coba sahabat jalankan pada browser masing-masing dan lihat hasilnya seperti tampilan dibawah ini:

3-cara membuat read more dengan javascript

Demikian pembahasan kali ini tentang cara membuat read more menggunakan javascript. selamat mencoba dan saya harap dapat dikembangkan lagi sesuai kebutuhan sahabat,sampai jumpa lagi dengan artikel selanjutnya ,semoga bermanfaat dan terima kasih.