Contoh Coding JavaScript Sederhana untuk Pemula

Redaksiku.com Contoh Coding JavaScript Sederhana untuk Pemula

JavaScript adalah salah satu bahasa pemrograman yang paling populer dan banyak digunakan dalam pengembangan web. Dengan JavaScript, kamu bisa membuat website lebih interaktif dan dinamis.

Jika kamu seorang pemula yang ingin belajar JavaScript, artikel ini akan membahas beberapa contoh coding sederhana yang bisa kamu praktikkan.

Apa Itu JavaScript?

JavaScript adalah bahasa pemrograman yang berjalan di sisi klien (client-side) dan sering digunakan untuk membuat elemen interaktif pada website.

Dengan JavaScript, kamu bisa membuat efek animasi, validasi formulir, hingga aplikasi web yang kompleks. Berikut ini contohnya:

1. Menampilkan Teks ke Konsol (Console Log)

Salah satu cara paling dasar untuk memulai dengan JavaScript adalah menampilkan teks ke dalam konsol browser.

Kode ini akan menampilkan teks “Halo, selamat datang di dunia JavaScript!” di tab console pada browser. Untuk melihat hasilnya, cukup tekan F12 pada keyboard dan pilih tab “Console”.

2. Menampilkan Alert di Browser

JavaScript juga memungkinkan kita untuk menampilkan pop-up sederhana menggunakan alert().

Saat kode ini dijalankan, akan muncul jendela pop-up dengan pesan yang telah ditentukan.

3. Mengubah Konten HTML dengan JavaScript

Kamu bisa mengubah isi dari elemen HTML menggunakan JavaScript. Contohnya, jika kamu ingin mengganti teks dalam suatu paragraf ketika tombol diklik, kamu bisa menggunakan kode berikut:

Saat tombol diklik, teks dalam paragraf akan berubah menjadi “Teks telah berubah!”.

4. Validasi Formulir dengan JavaScript

Validasi formulir sangat penting untuk memastikan data yang dimasukkan pengguna sesuai dengan ketentuan. Berikut adalah contoh sederhana validasi input di JavaScript:

Kode ini akan memunculkan peringatan jika pengguna mencoba mengirimkan formulir tanpa mengisi nama.

5. Perulangan Sederhana di JavaScript

Perulangan (loop) digunakan untuk menjalankan kode berulang kali berdasarkan kondisi tertentu. Berikut contoh penggunaan for loop untuk mencetak angka 1 hingga 5:

Kode ini akan mencetak:

6. Menggunakan Event Listener

Event listener memungkinkan kita untuk menjalankan kode JavaScript saat terjadi suatu aksi, seperti klik tombol.

Saat tombol diklik, akan muncul alert dengan pesan “Tombol telah diklik!”.

Kesimpulan

JavaScript adalah bahasa pemrograman yang mudah dipelajari untuk pemula dan sangat bermanfaat dalam pengembangan web. Dengan memahami konsep dasar seperti yang di atas, maka kamu sudah memiliki dasar yang kuat untuk membangun website interaktif.

Jika ingin melihat lebih banyak contoh coding, kamu bisa mengunjungi situs www.codingbee.id untuk referensi lebih lanjut. Selamat belajar JavaScript!

Ikuti berita terkini dari Redaksiku di Google News atau WhatsApp Channels