/

HTML / CSS / JavaScript Tutorial

JavaScript Operator: assignment

[this page | pdf | back links]

In JavaScript, the = operator is the assignment operator.

 

For example, if x is 5 then y = x results in x remaining 5 and y being set to 5, or if x is "b" then y = x  results in y becoming "b" too.

 

EXAMPLE:


HTML USED IN THIS EXAMPLE:
<!DOCTYPE html>
<html> <!-- Copyright (c) Nematrian Limited 2018 -->
<head>
<style>table,th,tr,td {border: 1px solid black;
  border-collapse:collapse;}</style>
</head>
<body>
<table>
<tr>
<th>Example</th>
<th>Resulting value of <code>x</code></th>
<th>Resulting value of <code>y</code></th>
</tr>
<tr>
<td><code id="ArithmeticExample"></code></td>
<td><code id="Arithmeticx"></code></td>
<td><code id="Arithmeticy"></code></td>
</tr>
<tr>
<td><code id="StringExample"></code></td>
<td><code id="Stringx"></code></td>
<td><code id="Stringy"></code></td>
</tr>
</table>

<script>
document.getElementById("ArithmeticExample").innerHTML =
  'var x = 8;<br>' +
  'var y = x;';
var x = 8; var y = x;
document.getElementById("Arithmeticx").innerHTML = x;
document.getElementById("Arithmeticy").innerHTML = y;
document.getElementById("StringExample").innerHTML =
  'var x = "ab";<br>var y = x;';
x = "ab"; y = x;
document.getElementById("Stringx").innerHTML = x;
document.getElementById("Stringy").innerHTML = y;
</script>

</body>
</html>


NAVIGATION LINKS
Contents | Prev | Next | JavaScript Operators


Desktop view | Switch to Mobile