PROJECT SEDERHANA JAVASCRIPT #3 MODUL 5

 



Interactive Text Styling Page






  1. CSS Styling: Terdapat beberapa gaya CSS yang mendefinisikan warna teks dan efek hover, seperti merah, biru, kuning, hijau, abu, dan cyan.


  3. List Element: Sebuah elemen <ul> (unordered list) di dalam div dengan id 'list', yang berisi elemen-elemen <li> (list item) dengan kata-kata tertentu.


  5. Warna Teks Section: Bagian ini memiliki judul "Warna TEKS" dan empat tombol. Masing-masing tombol memanggil fungsi JavaScript untuk mengubah warna teks elemen-elemen list sesuai dengan warna yang diinginkan.


  7. Warna Hover Section: Bagian ini memiliki judul "Warna Hover" dan empat tombol. Masing-masing tombol memanggil fungsi JavaScript untuk mengubah warna teks elemen-elemen list saat dihover sesuai dengan warna yang diinginkan.


  9. JavaScript Functions: Fungsi-fungsi JavaScript seperti Merah(), Biru(), dan lainnya, yang masing-masing mengubah warna teks elemen-elemen list sesuai dengan fungsinya.

Secara keseluruhan, halaman ini memberikan kemampuan interaktif kepada pengguna untuk mengubah warna teks dan efek hover dari elemen-elemen list dengan mengklik tombol-tombol yang sesuai.


FULL CODE : https://github.com/2ndmurphy/Interactive-text-style-page


REVIEW HASIL


Komentar

Posting Komentar

Postingan populer dari blog ini

PROJECT SEDERHANA JAVASCRIPT #14 MODUL 8

Gambar
 Inventory with pages Body Section: <body> : Bagian utama yang berisi elemen-elemen yang akan ditampilkan di halaman web. Input form untuk memasukkan data barang. Tabel untuk menampilkan data barang. Daftar untuk menampilkan navigasi halaman (pagination). <script> : Bagian ini berisi script JavaScript untuk mengatur logika interaksi pengguna. JavaScript Section: Variabel seperti dataStore , itemsPerPage , dan currentPage digunakan untuk menyimpan data dan mengatur pagination. Fungsi tambahData() : Menambahkan data ke tabel ketika tombol "Tambah" ditekan. Fungsi editBaris() : Mengubah baris tabel menjadi form input untuk pengeditan. Fungsi saveBaris() : Menyimpan perubahan setelah pengeditan. Fungsi hapusBaris() : Menghapus baris dari tabel. Fungsi tampilkanData() : Menampilkan data pada tabel dan membuat navigasi halaman. Load Data on Page Load: Terdapat pemanggilan fungsi tampilkanData() untuk menampilkan data saat halaman dimuat. Dokumen ini memberikan fungsio...
Baca selengkapnya