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