🚀 Fungsi Sederhana

Kalau variabel itu ibarat wadah untuk menyimpan data, maka fungsi (function) bisa kita anggap seperti mesin yang akan mengolah isi wadah tersebut. Fungsi berisi kumpulan perintah yang bisa kita jalankan kapan pun kita butuh, cukup dengan "memanggil" nama fungsinya. Jadi, nggak perlu menulis ulang instruksi yang sama berulang kali—cukup simpan dalam satu fungsi, dan tinggal panggil kalau dibutuhkan. Hemat tenaga, rapi, dan efisien!
Kita juga bisa memberikan "bahan" ke dalam fungsi lewat parameter, lalu fungsi itu akan mengolahnya dan (jika perlu) memberikan hasil kembali lewat return. Ini sangat membantu dalam membuat kode yang fleksibel dan mudah diatur. Bayangkan seperti mesin blender: kamu bisa masukkan buah apa saja, tekan tombolnya (panggil fungsi), dan dia akan mengembalikan jus yang segar. Praktis, kan?

🧱 Struktur Umum Fungsi

// 1. Mendefinisikan fungsi dengan satu parameter 'nama'
function sapaPengguna(nama) {
  // Blok kode di dalam ini akan dijalankan saat fungsi dipanggil
  let pesan = "Halo, " + nama + "! Selamat datang di CodeTack.";
  return pesan;
}

// 2. Memanggil fungsi dengan memberikan nilai 'argumen'
let namaSaya = "Budi";
let hasilSapaan = sapaPengguna(namaSaya);

// 3. Menampilkan hasil yang dikembalikan oleh fungsi
console.log(hasilSapaan); // Output: "Halo, Budi! Selamat datang di CodeTack."

Penjelasan dari konsep di atas sebagai berikut:

Deklarasi Fungsi: Kita mulai dengan keyword function, kasih nama (misalnya sapaPengguna), lalu tambahkan () untuk parameter. Ini seperti bikin resep: kasih judul dan bahan yang dibutuhkan.
Parameter: Nah, isi dalam () itu disebut parameter. Ibaratnya bahan baku yang bakal dipakai fungsi saat dijalankan. Contohnya nama dalam function sapaPengguna(nama).
Badan Fungsi: Semua instruksi atau langkah-langkah yang harus dijalankan fungsi ditulis di dalam { ... }. Ini tempat kerjanya si fungsi.
return: Kalau kamu ingin fungsi memberikan hasil balik, pakai return. Tanpa ini, fungsi nggak akan mengembalikan apa-apa alias undefined.
Memanggil Fungsi: Untuk menjalankan fungsi, tinggal ketik namanya dan beri nilai untuk parameternya. Misalnya sapaPengguna("Ari") — “Ari” di sini disebut argumen.

💻 Contoh Kode:

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Kalkulator Luas</title>
  </head>
  <body>
    <h1>Cek Konsol Browser untuk Melihat Hasil</h1>

    <script>
      // Mendefinisikan fungsi untuk menghitung luas persegi panjang
      function hitungLuasPersegiPanjang(panjang, lebar) {
        // Operasi di dalam fungsi
        const luas = panjang * lebar;
        // Mengembalikan hasil perhitungan
        return luas;
      }

      // Memanggil fungsi dengan argumen 10 dan 5
      let panjangRuangan = 10;
      let lebarRuangan = 5;
      let luasRuangan = hitungLuasPersegiPanjang(panjangRuangan, lebarRuangan);
      console.log("Luas ruangan adalah:", luasRuangan, "meter persegi."); // Hasil: 50

      // Memanggil fungsi yang sama dengan argumen berbeda
      let luasMeja = hitungLuasPersegiPanjang(2, 1);
      console.log("Luas meja adalah:", luasMeja, "meter persegi."); // Hasil: 2
    </script>
  </body>
</html>

⚙️ Demo Interaktif:

💡 Tips: Beri nama fungsi Anda sesuai dengan apa yang dilakukannya. Contoh: hitungLuas, kirimData, atau validasiInput. Nama yang deskriptif membuat kode lebih mudah dibaca dan dipahami.