Back to blog
May 27, 2024
2 min read

Apa Itu JavaScript?

JavaScript adalah bahasa pemrograman yang melengkapi HTML dan CSS untuk membuat website lebih dinamis dan interaktif.

Tentang JavaScript

JavaScript adalah bahasa pemrograman yang digunakan dalam pengembangan website agar lebih dinamis dan interaktif. Jika sebelumnya kamu hanya mengenal HTML dan CSS, sekarang kamu tahu bahwa JavaScript dapat meningkatkan fungsionalitas pada halaman web. Dengan JavaScript, kamu bisa membuat aplikasi, tools, atau bahkan game pada web.

Berikut beberapa poin penting tentang JavaScript:

  1. Definisi dan Fungsi JavaScript:

    • JavaScript memberikan “kehidupan” pada website sehingga terciptanya interaksi antara pengunjung dengan situs tersebut.
    • Website dinamis berarti konten di dalamnya dapat bergerak atau mengubah tampilan di layar tanpa harus dimuat ulang secara manual. Misalnya, konten gambar animasi, peta, slideshow, polling, dan lainnya.
    • Awalnya, JavaScript hanya bekerja pada sisi client/frontend, tetapi sekarang juga bisa digunakan di sisi server dengan bantuan framework seperti Node.js dan React.js.
  2. Peran JavaScript dalam Pembuatan Website:

    • HTML: Membangun struktur dan layout website.
    • CSS: Mengatur tampilan dan memberikan style pada website.
    • JavaScript: Menyempurnakan tampilan website dengan fitur dan fungsionalitasnya, seperti interaksi user, pop-up, widget, dan konten dinamis.
  3. Sejarah JavaScript:

    • JavaScript pertama kali diciptakan pada tahun 1995 oleh Brendan Eich, seorang karyawan Netscape.
    • Nama JavaScript mengalami beberapa transformasi, mulai dari Mocha, Mona, LiveScript, hingga akhirnya resmi bernama JavaScript.
    • Pada tahun 1996, JavaScript dinamakan sebagai ECMAScript dan terus dikembangkan hingga menjadi JavaScript yang kita kenal saat ini.
    • Pada tahun 2016, sekitar 92% website menggunakan JavaScript.

Contoh Penggunaan JavaScript:

// Contoh sederhana: Menampilkan pesan pada halaman web
function showMessage() {
  alert("Halo, selamat datang di website kami!");
}

// Contoh interaksi dengan tombol
document.getElementById("myButton").addEventListener("click", showMessage);

// Contoh mengubah warna latar belakang
function changeBackgroundColor() {
  document.body.style.backgroundColor = "lightblue";
}

Dengan pemahaman tentang JavaScript, kamu dapat membuat website yang lebih interaktif dan menarik bagi pengunjung. Semoga artikel ini membantu!