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