SMK Asiyah Homeschooling

5.2 Event Listeners 5.2.1 Apa itu Event Listeners Agar halaman web tidak hanya menampilkan informasi secara statis tetapi juga mampu bereaksi terhadap tindakan pengguna, JavaScript menggunakan mekanisme yang disebut Event Listeners. Event listeners memungkinkan kode JavaScript “mendengarkan” berbagai aksi pengguna, seperti klik pada tombol, mengetik pada form, menggerakkan kursor (hover), atau mengirimkan form (submit). Dengan memahami dan mengimplementasikan event listeners, Anda dapat membuat halaman web yang dinamis dan responsif, di mana setiap interaksi pengguna menghasilkan perubahan visual, pemrosesan data, atau aksi tertentu yang meningkatkan pengalaman pengguna. Event listeners juga menjadi fondasi penting sebelum mempelajari manipulasi elemen lanjutan, validasi form, atau pengembangan aplikasi web interaktif, karena hampir semua interaksi pengguna bergantung pada kemampuan halaman web untuk merespons event secara tepat dan efisien. 5.2.2 Tipe Data dalam Javascript Agar halama...

VIDEO: Membuat Halaman Profil Sederhana Tujuan Praktikum : Peserta mampu membuat aplikasi penghitung umur yang interaktif dengan JavaScript, termasuk memanfaatkan input user, melakukan validasi, menghitung umur secara detail (tahun, bulan, hari, dan total hari), serta menampilkan hasil secara dinamis di halaman web. Deskripsi Singkat Aktivitas : Pada praktikum ini, peserta akan membuat aplikasi web sederhana yang menghitung umur seseorang berdasarkan tanggal lahir yang dimasukkan. Peserta akan mempelajari manipulasi DOM, event handling, validasi input, perhitungan tanggal, serta menampilkan hasil secara interaktif. Langkah-Langkah Praktikum Setup HTML Struktur Buat file index.html dan buat struktur HTML dasar termasuk form input untuk tanggal lahir dan nama. Tambahkan elemen untuk menampilkan hasil (div id="result"). Tambahkan CSS (Opsional) Buat file styles.css untuk styling tampilan form dan hasil. Implementasi JavaScript Buat file script.js dan hubungkan ke HTML. Ambil ele...

4.3 Fungsi Built-in (Math, String, Array) Dalam proses pengembangan aplikasi web, sering kali Anda akan menghadapi berbagai kebutuhan seperti menghitung nilai matematis, memanipulasi teks, atau mengelola kumpulan data. Jika semua proses tersebut harus dibuat dari awal, tentu akan memakan waktu dan tenaga yang besar. Untuk itu, JavaScript telah menyediakan berbagai fungsi bawaan (built-in functions) yang siap digunakan tanpa perlu membuat logika dari nol. Fungsi-fungsi ini membantu pengembang melakukan berbagai operasi umum dengan lebih cepat, efisien, dan konsisten. Fungsi-fungsi tersebut dikelompokkan ke dalam objek global seperti Math, String, dan Array. Objek Math digunakan untuk perhitungan matematis. Objek String digunakan untuk memproses dan memanipulasi teks. Objek Array digunakan untuk mengelola kumpulan data atau daftar nilai. Dengan memahami dan memanfaatkan fungsi-fungsi ini, Anda akan mampu menulis kode yang lebih ringkas, rapi, dan efisien — serta menghindari pembuatan kod...