<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript Arithmetic Operators</title>
    <script>
        function performArithmetic() {
            var a = 10;
            var b = 3;
            document.getElementById("addition").innerHTML = "a + b = " + (a + b);
            document.getElementById("subtraction").innerHTML = "a - b = " + (a - b);
            document.getElementById("multiplication").innerHTML = "a * b = " + (a * b);
            document.getElementById("division").innerHTML = "a / b = " + (a / b);
            document.getElementById("modulus").innerHTML = "a % b = " + (a % b);
            document.getElementById("exponentiation").innerHTML = "a ** b = " + (a ** b);
            a++;
            document.getElementById("increment").innerHTML = "a++ = " + a;
            b--;
            document.getElementById("decrement").innerHTML = "b-- = " + b;
        }
    </script>
</head>
<body onload="performArithmetic()">
    <h1>JavaScript Arithmetic Operators</h1>
    <p id="addition"></p>
    <p id="subtraction"></p>
    <p id="multiplication"></p>
    <p id="division"></p>
    <p id="modulus"></p>
    <p id="exponentiation"></p>
    <p id="increment"></p>
    <p id="decrement"></p>
</body>
</html>