Java Script : Pengertian, Fungsi, Jenis-jenis dan contohnya

JavaScript adalah bahasa pemrograman tingkat tinggi yang dapat digunakan untuk menambahkan interaksi dan dinamika ke situs web. Ini biasanya digunakan untuk membuat halaman web yang lebih menarik dan menyenangkan untuk dikunjungi.

Java Script : Pengertian, Fungsi, Jenis-jenis dan contohnya
Sumber : Pixabay.com

Fungsi JavaScript adalah untuk menambahkan fitur dan interaksi ke halaman web. Ini dapat melakukan banyak hal, seperti menampilkan pop-up, mengubah konten halaman web secara dinamis, memvalidasi input form, dan banyak lagi.

Ada beberapa jenis JavaScript yang berbeda yang dapat digunakan dalam pengembangan situs web. Ini termasuk:

1. JavaScript di halaman web: Ini adalah script JavaScript yang ditulis dalam halaman web itu sendiri. Ini bisa ditambahkan ke halaman web menggunakan tag <script>.
2. JavaScript di file terpisah: Anda juga bisa menulis script JavaScript dalam file terpisah yang kemudian disertakan ke halaman web menggunakan tag <script> dengan atribut src.
3. JavaScript di libaries: Ada banyak library JavaScript yang tersedia yang dapat membantu Anda dengan tugas-tugas pengembangan web yang umum. Beberapa library JavaScript yang populer termasuk jQuery, AngularJS, dan React.
4. JavaScript di framework: Selain library, ada juga beberapa framework JavaScript yang tersedia yang dapat membantu Anda dengan pengembangan web yang lebih kompleks. Beberapa framework JavaScript yang populer termasuk Vue.js, Angular, dan React.

Semua jenis JavaScript ini bisa digunakan untuk menambahkan fitur dan interaksi ke halaman web, tetapi setiap jenis memiliki kelebihan dan kekurangan masing-masing yang harus dipertimbangkan saat memilih bagaimana menggunakannya dalam proyek pengembangan web Anda.

Berikut adalah beberapa contoh kode JavaScript yang dapat Anda coba:Menampilkan pesan pada console:

console.log("Halo, ini adalah pesan dari console!");

1. Menampilkan pesan pada alert box:

alert("Halo, ini adalah pesan dari alert box!");

2. Menampilkan pesan pada element HTML:

document.getElementById("myDiv").innerHTML = "Halo, ini adalah pesan dari element HTML!";

3. Menambahkan event listener pada tombol:

document.getElementById("myButton").addEventListener("click", function() {
  alert("Tombol diklik!");
});

4. Menggunakan loop for untuk menampilkan angka 1-10:

for (let i = 1; i <= 10; i++) {
  console.log(i);
}

5. Menggunakan loop while untuk menampilkan angka 1-10:

let i = 1;
while (i <= 10) {
  console.log(i);
  i++;
}

6. Membuat fungsi untuk menambahkan dua angka:

function tambah(a, b) {
  return a + b;
}

console.log(tambah(5, 10)); // Output: 15

7. Menggunakan operator ternary untuk menentukan apakah angka adalah genap atau ganjil:

let angka = 5;
let hasil = (angka % 2 == 0) ? "Genap" : "Ganjil";
console.log(hasil); // Output: "Ganjil"

Go to Link