Contoh Script Sederhana Pemograman Javascript

PENGERTIAN JAVASCRIPT

JavaScript adalah bahasa pemrograman yang digunakan untuk membuat interaksi dan fungsi di situs web. Dalam artikel ini, kita akan melihat beberapa skrip sederhana JavaScript yang dapat membantu meningkatkan fungsionalitas situs web Anda.

1. Menampilkan Pop-up

Salah satu cara paling sederhana untuk menggunakan JavaScript adalah dengan menampilkan pop-up. Pop-up ini dapat digunakan untuk memberikan informasi, meminta konfirmasi, atau untuk tujuan lainnya.

Berikut adalah contoh kode untuk menampilkan pop-up :

Dalam kode di atas, alert adalah perintah untuk menampilkan pesan pop-up. Pesan yang ingin ditampilkan diletakkan di dalam tanda kurung.

2. Mengubah Teks

JavaScript juga dapat digunakan untuk mengubah teks di halaman web. Misalnya, kita dapat mengubah warna atau ukuran teks dengan menggunakan kode berikut:

Dalam kode di atas, kita menggunakan document.getElementById untuk memilih elemen halaman web yang ingin kita ubah. Kemudian, kita menggunakan properti style untuk mengubah atribut dari elemen tersebut. Dalam contoh di atas, kita mengubah warna tulisan di elemen dengan id judul menjadi merah dan mengubah ukuran teks di elemen dengan id paragraf menjadi 20 piksel.

3. Membuat Tombol

JavaScript juga dapat digunakan untuk membuat tombol interaktif di halaman web. Dengan menggunakan kode berikut, kita dapat membuat tombol yang akan menampilkan pesan pop-up ketika ditekan : 

Dalam kode di atas, kita menggunakan elemen button untuk membuat tombol. Kemudian, kita menggunakan atribut onclick untuk memberi tahu JavaScript apa yang harus dilakukan ketika tombol ditekan. Dalam contoh di atas, pesan pop-up akan muncul ketika tombol ditekan.

4. Memvalidasi Formulir

JavaScript juga dapat digunakan untuk memvalidasi formulir pada halaman web. Dalam contoh di bawah ini, kita menggunakan JavaScript untuk memastikan bahwa pengguna telah memasukkan nama dan email yang valid sebelum formulir dapat dikirim:

Dalam kode di atas, kita menggunakan fungsi validateForm untuk memeriksa apakah pengguna telah memasukkan nama dan email. Jika nama atau email tidak diisi, maka kita akan menampilkan pesan pop-up dan mengembalikan nilai false, yang akan mencegah formulir dikirim.

Itulah beberapa contoh skrip sederhana JavaScript yang dapat membantu meningkatkan fungsionalitas situs web Anda. Semoga artikel ini dapat membantu Anda memahami lebih lanjut tentang cara menggunakan JavaScript di halaman web Anda!

Berbagi :