JS Pengenalan

JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web interaktif.

Apa itu JavaScript?

JavaScript adalah bahasa pemrograman yang digunakan untuk menambahkan interaktivitas pada halaman web. Misalnya, Anda dapat menggunakan JavaScript untuk membuat tombol yang bisa diklik, memvalidasi formulir, membuat animasi, dan banyak lagi.

Apa yang Dapat Anda Lakukan dengan JavaScript?

Dengan JavaScript, Anda dapat melakukan banyak hal pada halaman web, seperti:

Menangani event seperti klik dan hover
Mengubah konten halaman secara dinamis
Menangani data pengguna dan memvalidasi input
Membuat elemen HTML baru
Berinteraksi dengan server melalui AJAX
Membuat animasi dan efek visual

Menulis JavaScript

JavaScript dapat ditulis di dalam elemen <script> di dalam halaman HTML. Berikut adalah contoh kode JavaScript yang sederhana:

<!DOCTYPE html>
<html lang="id">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Contoh JavaScript</title>
  </head>
  <body>
    <h1>Halo, Dunia!</h1>
 
    <script>
      document.querySelector("h1").textContent = "Selamat Belajar JavaScript!";
    </script>
  </body>
</html>

Menjalankan JavaScript di Browser

Untuk menjalankan kode JavaScript, Anda hanya perlu membuka file HTML di browser. Anda dapat menulis dan menguji kode JavaScript langsung di browser menggunakan konsol JavaScript.

Variabel di JavaScript

Untuk menyimpan data, JavaScript menggunakan variabel. Anda bisa mendeklarasikan variabel menggunakan kata kunci var, let, atau const. Berikut adalah contoh cara mendeklarasikan variabel:

let nama = "John";
const umur = 30;

let digunakan untuk variabel yang nilainya dapat berubah.
const digunakan untuk variabel yang nilainya tidak dapat diubah setelah dideklarasikan.

Fungsi di JavaScript

Fungsi adalah blok kode yang digunakan untuk melakukan suatu tugas tertentu. Fungsi dapat dipanggil berulang kali dalam kode Anda. Berikut adalah contoh fungsi dalam JavaScript:

function salam() {
  alert("Halo, dunia!");
}
 
salam(); // Memanggil fungsi salam

DOM (Document Object Model)

JavaScript digunakan untuk berinteraksi dengan elemen-elemen di halaman web melalui DOM. DOM adalah representasi struktur halaman web yang memungkinkan Anda untuk mengubah elemen HTML secara dinamis.

Contoh menggunakan JavaScript untuk mengubah teks di dalam elemen h1:

document.querySelector("h1").textContent =
  "Belajar JavaScript lebih menyenangkan!";

Event Handling di JavaScript

JavaScript memungkinkan Anda untuk menangani event, seperti klik atau hover pada elemen HTML. Berikut adalah contoh cara menangani event klik:

<button onclick="tampilPesan()">Klik saya</button>
 
<script>
  function tampilPesan() {
    alert("Tombol telah diklik!");
  }
</script>

Kesimpulan

JavaScript adalah alat yang sangat kuat untuk membuat halaman web interaktif. Dengan JavaScript, Anda bisa menangani event, mengubah konten halaman secara dinamis, dan berinteraksi dengan server. Dengan mempelajari JavaScript, Anda dapat meningkatkan kemampuan Anda dalam membuat aplikasi web yang lebih dinamis dan menarik.

JS Pengenalan

On this page