<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript Assignment Operators</title>
    <script>
        function performAssignment() {
            var x = 10;
            document.getElementById("assignment").innerHTML = "x = " + x;
            x += 5;
            document.getElementById("additionAssignment").innerHTML = "x += 5 = " + x;
            x -= 3;
            document.getElementById("subtractionAssignment").innerHTML = "x -= 3 = " + x;
            x *= 2;
            document.getElementById("multiplicationAssignment").innerHTML = "x *= 2 = " + x;
            x /= 4;
            document.getElementById("divisionAssignment").innerHTML = "x /= 4 = " + x;
            x %= 3;
            document.getElementById("modulusAssignment").innerHTML = "x %= 3 = " + x;
        }
    </script>
</head>
<body onload="performAssignment()">
    <h1>JavaScript Assignment Operators</h1>
    <p id="assignment"></p>
    <p id="additionAssignment"></p>
    <p id="subtractionAssignment"></p>
    <p id="multiplicationAssignment"></p>
    <p id="divisionAssignment"></p>
    <p id="modulusAssignment"></p>
</body>
</html>