<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript Logical Operators</title>
<script>
function performLogical() {
var a = true;
var b = false;
document.getElementById("and").innerHTML = "a && b: " + (a && b);
document.getElementById("or").innerHTML = "a || b: " + (a || b);
document.getElementById("notA").innerHTML = "!a: " + (!a);
document.getElementById("notB").innerHTML = "!b: " + (!b);
}
</script>
</head>
<body onload="performLogical()">
<h1>JavaScript Logical Operators</h1>
<p id="and"></p>
<p id="or"></p>
<p id="notA"></p>
<p id="notB"></p>
</body>
</html>