JavaScript Assignment Operators

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

<!DOCTYPE html>

<html>

<head>

<title> Javascript Assignment Operators</title>

</head>

<body>

<h1> Assignment Operations </h1>

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

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

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);