Operator Perbandingan dan Logika dalam JavaScript

Dalam JavaScript, terdapat beberapa operator perbandingan dan logika yang digunakan untuk membandingkan nilai dan menghasilkan nilai boolean (true atau false). Operator-operator ini sangat berguna dalam pengambilan keputusan dan pengendalian alur program.

Operator Perbandingan

Operator perbandingan digunakan untuk membandingkan dua nilai dan menghasilkan nilai boolean berdasarkan hasil perbandingan tersebut. Berikut adalah beberapa operator perbandingan yang umum digunakan dalam JavaScript:

• Operator == (sama dengan): Memeriksa apakah dua nilai sama.
• Operator != (tidak sama dengan): Memeriksa apakah dua nilai tidak sama.
• Operator > (lebih besar dari): Memeriksa apakah nilai pertama lebih besar dari nilai kedua.
• Operator < (lebih kecil dari): Memeriksa apakah nilai pertama lebih kecil dari nilai kedua.
• Operator >= (lebih besar dari atau sama dengan): Memeriksa apakah nilai pertama lebih besar dari atau sama dengan nilai kedua.
• Operator <= (lebih kecil dari atau sama dengan): Memeriksa apakah nilai pertama lebih kecil dari atau sama dengan nilai kedua.

Berikut adalah contoh penggunaan operator perbandingan dalam JavaScript:

let x = 5;
let y = 10;

console.log(x == y); // false
console.log(x != y); // true
console.log(x > y); // false
console.log(x < y); // true
console.log(x >= y); // false
console.log(x <= y); // true

Operator Logika

Operator logika digunakan untuk menggabungkan atau memanipulasi nilai boolean. Berikut adalah beberapa operator logika yang umum digunakan dalam JavaScript:

• Operator && (dan): Menghasilkan nilai true jika kedua operand bernilai true.
• Operator || (atau): Menghasilkan nilai true jika salah satu operand bernilai true.
• Operator ! (negasi): Membalikkan nilai boolean.

Berikut adalah contoh penggunaan operator logika dalam JavaScript:

let x = 5;
let y = 10;

console.log(x > 0 && y < 20); // true
console.log(x > 0 || y < 20); // true
console.log(!(x > 0)); // false

Menerapkan Operator Perbandingan dan Logika dalam HTML

Selain digunakan dalam JavaScript, operator perbandingan dan logika juga dapat diterapkan dalam elemen HTML menggunakan atribut onclick. Berikut adalah contoh penggunaannya:

<button onclick="myFunction()">Klik Saya</button>

<script>
function myFunction() {
  let x = 5;
  let y = 10;

  if (x > 0 && y < 20) {
    alert("Nilai x lebih besar dari 0 dan nilai y lebih kecil dari 20");
  } else {
    alert("Kondisi tidak terpenuhi");
  }
}
</script>

Output:

See the Pen Operator Perbandingan dan Logika dalam JavaScript by WebbizID (@De-Orchids) on CodePen.

Dalam contoh di atas, saat tombol diklik, fungsi myFunction() akan dieksekusi. Fungsi ini akan memeriksa apakah nilai x lebih besar dari 0 dan nilai y lebih kecil dari 20. Jika kondisi terpenuhi, maka akan muncul pesan “Nilai x lebih besar dari 0 dan nilai y lebih kecil dari 20”. Jika kondisi tidak terpenuhi, maka akan muncul pesan “Kondisi tidak terpenuhi”.

Dengan menggunakan operator perbandingan dan logika, kita dapat membuat pengambilan keputusan yang kompleks dan mengendalikan alur program dengan lebih efektif dalam JavaScript dan HTML.

Sekian penjelasan mengenai operator perbandingan dan logika dalam JavaScript dan penerapannya dalam HTML. Semoga bermanfaat!