OPERASI LOGIKA JAVASCRIPT

Operator logika merupakan simbol yang digunakan untuk melakukan operasi perbandingan antara dua atau lebih nilai boolean.
Dalam Javascript, ada tiga operator logika utama, yaitu: AND (&&), OR (||), dan NOT (!).

AND (&&)

Operator AND dalam Javascript digunakan untuk mengecek apakah dua kondisi atau lebih bernilai true. Jika semua kondisi bernilai true, maka hasilnya juga akan true(benar). Namun, jika ada salah satu kondisi yang bernilai false, maka hasilnya akan false(salah).

<!DOCTYPE HTML>
<html>
<head>
    <title>JavaScript logika And</title>	
</head>
<body>		
	<p id='tampilan'></p>

<!--JavaScript logika And &&)-->
<script>
	var a = 5;
	var b = 10;
	if(a < 10 && b > 5){
		tampilan.innerHTML ="Kedua kondisi benar";
	} else {
		tampilan.innerHTML = "Salah satu atau kedua kondisi salah";
	}
</script>
</body>
</html>

OR (||)

Operator OR dalam Javascript digunakan untuk mengecek apakah ada salah satu kondisi atau lebih yang bernilai true. Jika ada salah satu kondisi yang bernilai true, maka hasilnya akan true. Namun, jika semua kondisi bernilai false, maka hasilnya akan false.

<!DOCTYPE HTML>
<html>
<head>
    <title>JavaScript logika OR</title>	
</head>
<body>		
	<p id='tampilan'></p>

<!--JavaScript logika OR || -->
<script>
	var x = 20;
	var y = 30;
	if(x < 10 || y > 40){
		tampilan.innerHTML ="Salah satu atau kedua kondisi benar";
	} else {
		tampilan.innerHTML = "Kedua kondisi salah";
	}
</script>
</body>
</html>

NOT (!)

Operator NOT dalam Javascript digunakan untuk membalik nilai boolean. Jika nilai aslinya adalah true, maka setelah dilakukan operasi NOT akan menjadi false. Begitu juga sebaliknya, jika nilai aslinya adalah false, maka setelah dilakukan operasi NOT akan menjadi true.

<!DOCTYPE HTML>
<html>
<head>
    <title>JavaScript logika NOT</title>	
</head>
<body>		
	<p id='tampilan'></p>

<!--JavaScript logika NOT ! -->
<script>
let z = false;
	if(!z){
		tampilan.innerHTML ="Nilai sekarang adalah true";
	} else {
		tampilan.innerHTML = "Nilai sekarang adalah false";
	}
</script>
</body>
</html>

Be the first to comment

Leave a Reply

Your email address will not be published.


*