Pengenalan Javascript

JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web interaktif dan dinamis. Bahasa ini berjalan di sisi klien (browser) maupun sisi server (dengan bantuan lingkungan seperti Node.js). Artikel ini akan membahas dasar-dasar JavaScript dan memberikan contoh penggunaan kode.

Apa Itu JavaScript?

JavaScript awalnya dikembangkan oleh Brendan Eich pada tahun 1995 dengan nama "Mocha". Bahasa ini memungkinkan pengembang untuk menambahkan interaktivitas pada situs web, seperti animasi, validasi formulir, dan pembaruan konten tanpa memuat ulang halaman.

Sintaks Dasar

Berikut adalah contoh sederhana fungsi JavaScript untuk menampilkan pesan ke konsol:

function sayHello(name) {
    console.log(`Halo, ${name}!`);
}

sayHello("Dunia"); // Output: Halo, Dunia!

Fungsi di atas mendefinisikan sayHello yang menerima parameter name dan mencetak pesan ke konsol menggunakan template literal.

Manipulasi DOM

JavaScript sering digunakan untuk memanipulasi DOM (Document Object Model) untuk mengubah elemen HTML secara dinamis. Berikut adalah contoh mengubah teks pada elemen HTML:

// Mengambil elemen dengan ID 'myText'
const element = document.getElementById('myText');

// Mengubah teks elemen
element.textContent = 'Teks ini diubah menggunakan JavaScript!';

Kode di atas akan mengubah isi teks dari elemen HTML dengan ID myText.

Event Handling

JavaScript juga memungkinkan penanganan event, seperti klik tombol. Berikut adalah contoh menambahkan event listener untuk tombol:

// Mengambil elemen tombol
const button = document.querySelector('#myButton');

// Menambahkan event listener untuk klik
button.addEventListener('click', () => {
    alert('Tombol diklik!');
});

Kode ini akan menampilkan peringatan (alert) setiap kali tombol dengan ID myButton diklik.

Kesimpulan

JavaScript adalah alat yang sangat kuat untuk pengembangan web. Dengan kemampuan untuk memanipulasi DOM, menangani event, dan berjalan di berbagai lingkungan, JavaScript menjadi tulang punggung banyak aplikasi web modern. Cobalah bereksperimen dengan kode di atas untuk memahami cara kerjanya!