The JavaScript Assignment operators are used to assign the values to the declared variables. Equals (=) operator is the most commonly used assignment operator in JavaScript. For example:
|
1 |
var i = 10; |
Below table displays all the assignment operators present in JavaScript Programming Language.
| JavaScript Assignment Operators | Example | Explanation |
|---|---|---|
| = | x = 15 | Value 15 is assigned to x |
| += | x += 15 | This is same as x = x + 15 |
| -= | x -= 15 | This is same as x = x – 15 |
| *= | x *= 15 | This is same as x = x * 15 |
| /= | x /= 15 | This is same as x = x / 15 |
| %= | x %= 15 | This is same as x = x % 15 |
JavaScript Assignment Operators Example
For this example, We are using two integer variables a, Total and their values are 7 and 21. We are going to use these two variables to show you the working functionality of all the Assignment Operators in JavaScript Programming Language
JAVASCRIPT CODE
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<!DOCTYPE html> <html> <head> <title> Javascript Assignment Operators</title> </head> <body> <h1> Assignment Operations </h1> <script> var a = 7, Total = 21; document.write("Value of the Total = " + (Total += a) + "<br />"); document.write("Value of the Total = " + (Total -= a) + "<br />"); document.write("Value of the Total = " + (Total *= a) + "<br />"); document.write("Value of the Total = " + (Total /= a) + "<br />"); document.write("Value of the Total = " + (Total %= a) + "<br />"); </script> </body> </html> |
OUTPUT
ANALYSIS
In this program, We declared 2 integer values a, Total and we assigned values 7 and 21 respectively. Below statements will perform Assignment operations on a and Total and then write the output to the rspective browser.
Let us see the functionality
|
1 |
document.write("Value of the Total = " + (Total += a) + "<br />"); |
Total += a means
Total = Total + a = 21 + 7 = 28
|
1 |
document.write("Value of the Total = " + (Total -= a) + "<br />"); |
Total -= a means
Total = Total – a = 28 – 7 = 21
|
1 |
document.write("Value of the Total = " + (Total *= a) + "<br />"); |
Total *= a means
Total = Total * a = 21 * 7 = 147
|
1 |
document.write("Value of the Total = " + (Total /= a) + "<br />"); |
Total /= a means
Total = Total / a = 147 / 7 = 21
|
1 |
document.write("Value of the Total = " + (Total %= a) + "<br />") |
Total %= a means
Total = Total + a = 21 % 7 = 0 (Remainder of 21/7 is = 0)
JavaScript Assignment Operators Example 2
For this example also, We are using two integer variables a, Total and their values are 7 and 21. We are going to use these variables to show you, How to display the JavaScript Assignment Operators output in Paragraphs.
JAVASCRIPT CODE
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<!DOCTYPE html> <html> <head> <title> JavaScript Assignment Operators 2</title> </head> <body> <h1> Assignment Operations </h1> <p id = 'add'> Plus Equal to </p> <p id = 'sub'> Subtraction Equal to </p> <p id = 'mul'> Multiplication Equal to </p> <p id = 'div'> Division Equal to </p> <p id = 'mod'> Modulus Equal to </p> <script> var a = 3, Total = 12; document.getElementById("add").innerHTML = "Value of the Total = " + (Total += a); document.getElementById("sub").innerHTML = "Value of the Total = " + (Total -= a); document.getElementById("mul").innerHTML = "Value of the Total = " + (Total *= a); document.getElementById("div").innerHTML = "Value of the Total = " + (Total /= a); document.getElementById("mod").innerHTML = "Value of the Total = " + (Total %= a); </script> </body> </html> |
OUTPUT
Thank You for Visiting Our Blog
Leave a Reply