JS Tutorial
JS Version
JS Objects
JS Function
JS Classes
JS Async
JS HTML DOM
JS Browser BOM
JS Web API
JS AJAX
JS JSON
JS vs JQUERY
JS Graphics
JavaScript Assignment
Assignment operators is used to assign values to JavaScript variables.
Operator | Example | Same As |
= | x = y | x = y |
+= | x += y | x = x + y |
-= | x -= y | x = x – y |
*= | x *= y | x = x * y |
/= | x /= y | x = x / y |
%= | x %= y | x = x % y |
<<= | x <<= y | x = x << y |
>>= | x >>= y | x = x >> y |
>>>= | x >>>= y | x = x >>> y |
&= | x &= y | x = x & y |
^= | x ^= y | x = x ^ y |
|= | x |= y | x = x | y |
**= | x **= y | x = x ** y |
Assignment Examples
The = assignment operator is used to assign a value to a variable.
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Assignments</h2>
<h3>The = Operator</h3>
<p id=”demo”></p>
<script>
let x = 10;
document.getElementById(“demo”).innerHTML = x;
</script>
</body>
</html>
Output
JavaScript Assignments
The = Operator
10
The += assignment operator adds a value to a variable.
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Assignments</h2>
<h3>The += Operator</h3>
<p id=”demo”></p>
<script>
let x = 10;
x += 5;
document.getElementById(“demo”).innerHTML = x;
</script>
</body>
</html>
Output
JavaScript Assignments
The += Operator
15
The -= assignment operator subtracts a value from a variable.
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Assignments</h2>
<h3>The -= Operator</h3>
<p id=”demo”></p>
<script>
let x = 10;
x -= 5;
document.getElementById(“demo”).innerHTML = x;
</script>
</body>
</html>
Output
JavaScript Assignments
The -= Operator
5
The *= assignment operator multiplies a variable.
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Assignments</h2>
<h3>The *= Operator</h3>
<p id=”demo”></p>
<script>
let x = 10;
x *= 5;
document.getElementById(“demo”).innerHTML = x;
</script>
</body>
</html>
Output
JavaScript Assignments
The *= Operator
50
The /= assignment divides a variable.
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Assignments</h2>
<h3>The /= Operator</h3>
<p id=”demo”></p>
<script>
let x = 10;
x /= 5;
document.getElementById(“demo”).innerHTML = x;
</script
</body>
</html>
Output
JavaScript Assignments
The /= Operator
2
The %= assignment operator is used to assign a remainder to a variable.
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Assignments</h2>
<h3>The %= Operator</h3>
<p id=”demo”></p>
<script>
let x = 10;
x %= 5;
document.getElementById(“demo”).innerHTML = x;
</script>
</body>
</html>
Output
JavaScript Assignments
The %= Operator
0