JavaScript adalah bahasa pemrograman yang sangat populer dan penting untuk pengembangan web modern. Ia memungkinkan Anda menambahkan interaktivitas, animasi, dan logika kompleks ke halaman web Anda. Mari kita telaah tutorial dasar JavaScript. **Dasar-Dasar:** * **Variabel:** Variabel adalah wadah untuk menyimpan data. Kita menggunakan kata kunci `var`, `let`, atau `const` untuk mendeklarasikan variabel. `let` dan `const` lebih disarankan daripada `var` karena memiliki cakupan yang lebih baik (block scope). `const` digunakan untuk variabel yang nilainya tidak akan berubah setelah diinisialisasi. “`javascript let nama = “Budi”; const umur = 30; “` * **Tipe Data:** JavaScript memiliki beberapa tipe data dasar, termasuk: * `String`: Teks (misalnya, “Halo Dunia”) * `Number`: Angka (misalnya, 10, 3.14) * `Boolean`: Nilai benar atau salah (misalnya, true, false) * `Null`: Nilai yang mewakili ketiadaan nilai. * `Undefined`: Nilai yang diberikan kepada variabel yang belum diinisialisasi. * `Object`: Kumpulan pasangan kunci-nilai. * `Array`: Daftar nilai yang terurut. * **Operator:** Operator digunakan untuk melakukan operasi pada data. Beberapa operator umum meliputi: * Operator Aritmatika: `+`, `-`, `*`, `/`, `%` (modulus) * Operator Perbandingan: `==` (sama dengan), `!=` (tidak sama dengan), `>` (lebih besar dari), `<` (kurang dari), `>=` (lebih besar dari atau sama dengan), `<=` (kurang dari atau sama dengan), `===` (sama dengan dan tipe data sama), `!==` (tidak sama dengan dan tipe data tidak sama). * Operator Logika: `&&` (AND), `||` (OR), `!` (NOT) * Operator Penugasan: `=`, `+=`, `-=`, `*=`, `/=`. * **Kondisional:** Kondisional memungkinkan Anda menjalankan kode berdasarkan kondisi tertentu. Kita menggunakan `if`, `else if`, dan `else` untuk membuat pernyataan kondisional. ```javascript let usia = 17; if (usia >= 18) { console.log(“Anda dewasa”); } else { console.log(“Anda belum dewasa”); } “` * **Perulangan:** Perulangan memungkinkan Anda menjalankan blok kode berulang kali. Kita menggunakan `for`, `while`, dan `do…while` untuk membuat perulangan. “`javascript for (let i = 0; i < 5; i++) { console.log(i); } ``` * **Fungsi:** Fungsi adalah blok kode yang dapat digunakan kembali. Kita menggunakan kata kunci `function` untuk mendefinisikan fungsi. ```javascript function sapa(nama) { console.log("Halo, " + nama + "!"); } sapa("Ani"); ``` **Interaksi dengan HTML:** JavaScript sering digunakan untuk memanipulasi HTML. Anda dapat menggunakan JavaScript untuk mengubah konten halaman, mengubah gaya, dan menanggapi peristiwa pengguna. * **Document Object Model (DOM):** DOM adalah representasi struktur HTML sebagai objek. Anda dapat menggunakan JavaScript untuk mengakses dan memanipulasi DOM. ```javascript let judul = document.getElementById("judul"); // Mendapatkan elemen dengan ID "judul" judul.innerHTML = "Judul Baru"; // Mengubah konten elemen ``` * **Event Listeners:** Event listeners memungkinkan Anda menjalankan kode saat peristiwa tertentu terjadi (misalnya, saat tombol diklik). ```javascript let tombol = document.getElementById("tombol"); tombol.addEventListener("click", function() { alert("Tombol diklik!"); }); ``` **Kesimpulan:** Ini hanyalah pengantar singkat untuk JavaScript. Ada banyak lagi yang bisa dipelajari, termasuk konsep-konsep lanjutan seperti objek, array, asynchronous programming (Promises, async/await), dan framework seperti React, Angular, dan Vue.js. Teruslah berlatih dan bereksperimen untuk menguasai bahasa ini. Banyak sumber daya online tersedia untuk membantu Anda dalam perjalanan belajar JavaScript Anda.