<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript Comparison Operators</title>
    <script>
        function performComparison() {
            var a = 5;
            var b = "5";
            document.getElementById("equal").innerHTML = "a == b: " + (a == b);
            document.getElementById("strictEqual").innerHTML = "a === b: " + (a === b);
            document.getElementById("notEqual").innerHTML = "a != b: " + (a != b);
            document.getElementById("strictNotEqual").innerHTML = "a !== b: " + (a !== b);
            document.getElementById("greaterThan").innerHTML = "a > b: " + (a > b);
            document.getElementById("greaterThanOrEqual").innerHTML = "a >= b: " + (a >= b);
            document.getElementById("lessThan").innerHTML = "a < b: " + (a < b);
            document.getElementById("lessThanOrEqual").innerHTML = "a <= b: " + (a <= b);
        }
    </script>
</head>
<body onload="performComparison()">
    <h1>JavaScript Comparison Operators</h1>
    <p id="equal"></p>
    <p id="strictEqual"></p>
    <p id="notEqual"></p>
    <p id="strictNotEqual"></p>
    <p id="greaterThan"></p>
    <p id="greaterThanOrEqual"></p>
    <p id="lessThan"></p>
    <p id="lessThanOrEqual"></p>
</body>
</html>