<!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>