<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript Bitwise Operators</title>
    <script>
        function performBitwise() {
            var a = 5; // 0101 in binary
            var b = 1; // 0001 in binary
            document.getElementById("and").innerHTML = "a & b: " + (a & b); // 0001 (1)
            document.getElementById("or").innerHTML = "a | b: " + (a | b); // 0101 (5)
            document.getElementById("xor").innerHTML = "a ^ b: " + (a ^ b); // 0100 (4)
            document.getElementById("not").innerHTML = "~a: " + (~a); // 1010 (-6)
            document.getElementById("leftShift").innerHTML = "a << b: " + (a << b); // 1010 (10)
            document.getElementById("rightShift").innerHTML = "a >> b: " + (a >> b); // 0010 (2)
            document.getElementById("unsignedRightShift").innerHTML = "a >>> b: " + (a >>> b); // 0010 (2)
        }
    </script>
</head>
<body onload="performBitwise()">
    <h1>JavaScript Bitwise Operators</h1>
    <p id="and"></p>
    <p id="or"></p>
    <p id="xor"></p>
    <p id="not"></p>
    <p id="leftShift"></p>
    <p id="rightShift"></p>
    <p id="unsignedRightShift"></p>
</body>
</html>