Pengenalan JavaScript dan Cara Menjalankannya

Apa itu Bahasa Pemrograman?

Bahasa pemrograman adalah jembatan komunikasi antara manusia dan komputer. Kita menulis instruksi dalam bahasa yang dimengerti komputer agar komputer menjalankan tugas tertentu.

Apa itu JavaScript?

JavaScript adalah bahasa pemrograman yang awalnya dibuat untuk membuat halaman web lebih interaktif. Saat ini JavaScript sangat luas penggunaannya.

Beberapa karakteristik JavaScript:

• Client-side scripting: berjalan di browser, berinteraksi langsung dengan halaman web.
• Server-side: dengan Node.js, JavaScript juga bisa berjalan di luar browser (backend).
• Membuat website dinamis dan responsif, misalnya:
  • Validasi form.
  • Menampilkan/menyembunyikan elemen.
  • Animasi sederhana.
• Meningkatkan pengalaman pengguna (UX).

Cara Menghubungkan JavaScript dengan HTML

1. External JavaScript

File JavaScript dipisah dan dihubungkan menggunakan tag <script>.

<script src="script.js"></script>

Ini adalah cara yang digunakan pada file index.html kalkulator diskon:

<script src="script.js"></script>

2. Internal JavaScript (di dalam HTML)

JavaScript ditulis di dalam tag <script> di file HTML.

<script>
  console.log("Hello dari JavaScript");
</script>

Untuk proyek yang lebih terstruktur, penggunaan file eksternal lebih disarankan.

Melihat Output JavaScript di Browser

Untuk melihat output dari console.log:

1. Buka halaman HTML di browser.
2. Tekan F12 atau klik kanan > Inspect.
3. Buka tab “Console”.
4. Pesan dari console.log(...) akan muncul di sana.

Menjalankan JavaScript dengan Node.js

JavaScript juga bisa dijalankan di luar browser menggunakan Node.js.

Langkah singkat:

1. Install Node.js dari situs resmi.

2. Cek instalasi:

   • node -v
   • npm -v

3. Buat file app.js dan tulis:

   console.log("Halo dari Node.js");

4. Jalankan dengan perintah:

   node app.js

Untuk materi kalkulator diskon yang menggunakan DOM, JavaScript dijalankan di browser, bukan di Node.js.