Apa Itu JavaScript? Fungsi dan Contohnya untuk Pemula

Apa Itu JavaScript? Fungsi dan Contohnya – JavaScript merupakan bahasa pemrograman yang bisa kita gunakan untuk membuat halaman lebih interaktif. JavaScript tidak hanya dapat digunakan untuk pengembangan website, namun dapat juga digunakan untuk membangun aplikasi desktop dan lain sebagainya.

JavaScript lebih cocok dipelajari setelah Anda mempelajari HTML dan CSS. Namun, tidak ada salahnya jika Anda penasaran dengan bahasa pemrograman yang satu ini. Lalu, apa itu JavaScript dan fungsinya? Simak penjelasannya berikut ini.

Apa Itu JavaScript?

Apa itu JavaScript? Secara umum, JavaScript merupakan bahasa pemrograman bersifat client side yang digunakan untuk membuat halaman lebih interaktif. Selain itu, JavaScript dapat juga digunakan untuk memanipulasi HTML, membuat animasi, membuat efek CSS dan sebagainya.

JavaScript bersifat client side, yang artinya kode JavaScript dieksekusi di sisi klien, yaitu di dalam browser pengguna. Ini berbeda dengan bahasa pemrograman server side seperti PHP atau Python, yang kodenya dieksekusi di server. Jadi, kode JavaScript yang Anda buat akan terlihat di browser pengguna.

Meskipun demikian, JavaScript juga terdapat versi yang dapat dieksekusi secara client server dengan bantuan Node.js secara real time. Bahkan, digadang-gadang Node.js ini dapat menggantikan bahasa pemrograman PHP di masa mendatang.

Fungsi JavaScript

Bagi Anda yang pemula belajar JavaScript, yuk kita pelajari apa saja fungsi dari bahasa pemrograman JavaScript berikut ini.

1. Memanipulasi HTML

Fungsi pertama JavaScript yaitu dapat kita gunakan untuk memanipulasi HTML bahkan CSS. Sebagai contoh, ketika kita membuat tombol dan tombol tersebut diklik menampilkan output alert berisi string “Halo! Saya sedang serius belajar JavaScript…“, maka kita bisa membuatnya dengan mudah menggunakan JavaScript.

2. Membuat Halaman Lebih Interaktif

Fungsi kedua JavaScript yaitu dapat kita gunakan untuk membuat halaman web lebih interaktif seperti penambahan efek animasi, slideshow, teks bergerak, mengisi formulir tanpa reload dengan bantuan AJAX dan lain sebagainya.

3. Membuat Game

Siapa sangka, dengan hanya bantuan bahasa pemrograman JavaScript saja kita dapat membuat game baik berbasis mobile, desktop maupun web. Hal ini dikarenakan JavaScript berbasis client side sehingga memungkinkan untuk pengembangan game yang lebih interaktif.

5 Contoh Kode JavaScript untuk Pemula

Sebelum Anda memutuskan untuk belajar lebih lanjut mengenai apa itu JavaScript, berikut ini telah saya sajikan beberapa potongan kode JavaScript untuk pemula. Silahkan nanti Anda dapat menjalankannya secara mandiri.

1. Menampilkan “Hello World!”

Sudah menjadi tradisi bahwa ketika akan memulai belajar suatu bahasa pemrograman seperti JavaScript yaitu dengan belajar menampilkan teks “Hello World!”. Kita dapat menggunakan potongan kode berikut untuk menampilkan teks tersebut di JavaScript.

<script>
  document.write('Hello World!'); // Tampil di layar browser.
  console.log('Hello World!'); // Tampil di console log saat inspeksi elemen
</script>

2. Penjumlahan Angka

Untuk menjumlahkan angka, kita dapat bereksperimen dengan membuat function JavaScript seperti pada contoh potongan kode berikut.

<script>
  function tambah(a, b) {
  	return (a + b);
  }
  let hasil = tambah(5, 3);
  document.write('Hasil penjumlahan: ' + hasil); // Hasil penjumlahan: 8
</script>

3. Memeriksa Bilangan Ganjil & Genap

Dalam beberapa kondisi, selama penulisan program JavaScript tentu saja kita akan menjumpai operasi matematika seperti memeriksa apakah suatu bilangan tersebut termasuk ganjil atau genap? Anda dapat menggunakan contoh potongan kode berikut untuk memeriksa hal tersebut.

<script>
  let angka = 3; // Ganti angka sesuka Anda
  if((angka % 2) === 0) {
  	document.write(angka + ' adalah genap.');
  } else {
  	document.write(angka + ' adalah ganjil.');
  }
</script>

4. Mencari Angka Terbesar

Untuk mencari angka terbesar dalam suatu deret bilangan acak pada JavaScript, kita dapat menggunakan contoh potongan kode berikut untuk mencari angka tersebut.

<script>
  function angkaTerbesar(arr) {
  	return Math.max(...arr);
  }
  let angka = [32, 13, 45, 56, 1, 2, 3];
  let terbesar = angkaTerbesar(angka);
  document.write('Angka terbesar: ' + terbesar); // Angka terbesar: 56
</script>

5. Menghitung Faktorial

Faktorial adalah fungsi matematika yang diwakili oleh tanda seru, simbol x ! artinya memulai dengan bilangan bulat positif, x , dan mengalikannya dengan setiap bilangan bulat sebelumnya hingga mencapai 1. Di JavaScript kita dapat membuatnya dengan contoh potongan kode berikut.

<script>
  function faktorial(n) {
  if(n === 0) {
    return 1;
  }
  	return n * faktorial(n - 1);
  }
  let hasilFaktorial = faktorial(7);
  document.write('Faktorial dari 7 adalah: ' + hasilFaktorial); // Faktorial dari 7 adalah: 5040
</script>

Penutup

Setelah kita pelajari sekilas mengenai apa itu JavaScript? Fungsi dan contohnya untuk pemula, sudahkah Anda siap untuk mempelajari JavaScript lebih lanjut? Demikian artikel pada kesempatan kali ini mengenai apa itu JavaScript, sekian dari saya dan selamat belajar dan semoga bermanfaat.