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 Operators
Assigning values to variables and add them together:
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Operators</h2>
<p>x = 5, y = 2, calculate z = x + y, and display z:</p>
<p id=”demo”></p>
<script>
let x = 5;
let y = 2;
let z = x + y;
document.getElementById(“demo”).innerHTML = z;
</script>
</body>
</html>
Output
JavaScript Operators
x = 5, y = 2, calculate z = x + y, and display z:
7
The assignment operator (=) assigns a value to a variable.
Assignment
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Operators</h2>
<h3>The = Operator</h3>
<p id=”demo”></p>
<script>
let x = 10;
document.getElementById(“demo”).innerHTML = x;
</script>
</body>
</html>
Output
JavaScript Operators
The = Operator
10
The addition operator (+) adds numbers:
Adding
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Arithmetic</h2>
<h3>The + Operator</h3>
<p id=”demo”></p>
<script>
let x = 5;
let y = 2;
let z = x + y;
document.getElementById(“demo”).innerHTML = z;
</script>
</body>
</html>
Output
JavaScript Arithmetic
The + Operator
7
The multiplication operator (*) multiplies numbers.
Multiplying
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Arithmetic</h2>
<h3>The * Operator</h3>
<p id=”demo”></p>
<script>
let x = 5;
let y = 2;
let z = x * y;
document.getElementById(“demo”).innerHTML = z;
</script>
</body>
</html>
Output
JavaScript Arithmetic
The * Operator
10
JavaScript Assignment Operators
Assignment operators are used to assign values to JavaScript variables.
The addition assignment operator (+=) is used to add a value to a variable.
Example
<!DOCTYPE html>
<html>
<body>
<h2>The += Operator</h2>
<p id=”demo”></p>
<script>
var x = 10;
x += 5;
document.getElementById(“demo”).innerHTML = x;
</script>
</body>
</html>
Output
The += Operator
15
JavaScript String Operators
The + operator adds (concatenate) strings.
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Operators</h2>
<p>The + operator concatenates (adds) strings.</p>
<p id=”demo”></p>
<script>
let text1 = “John”;
let text2 = “Doe”;
let text3 = text1 + ” ” + text2;
document.getElementById(“demo”).innerHTML = text3;
</script>
</body>
</html>
Output
JavaScript Operators
The + operator concatenates (adds) strings.
John Doe
The += assignment operator adds (concatenate) strings:
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Operators</h2>
<p>The assignment operator += can concatenate strings.</p>
<p id=”demo”></p>
<script>
let text1 = “What a very “;
text1 += “nice day”;
document.getElementById(“demo”).innerHTML = text1;
</script>
</body>
</html>
Output
JavaScript Operators
The assignment operator += can concatenate strings.
What a very nice day
Adding Strings and Numbers
Adding two numbers, returns the sum, but adding a number and a string will return a string:
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Operators</h2>
<p>Adding a number and a string, returns a string.</p>
<p id=”demo”></p>
<script>
let x = 5 + 5;
let y = “5” + 5;
let z = “Hello” + 5;
document.getElementById(“demo”).innerHTML =
x + “<br>” + y + “<br>” + z;
</script>
</body>
</html>
Output
JavaScript Operators
Adding a number and a string, returns a string.
10
55
Hello5
JavaScript Comparison Operators
Operator | Description |
== | equal to |
=== | equal value and equal type |
!= | not equal |
!== | not equal value or not equal type |
> | greater than |
< | less than |
>= | greater than or equal to |
<= | less than or equal to |
? | ternary operator |
JavaScript Logical Operators
Operator | Description |
&& | logical and |
|| | logical or |
! | logical not |
JavaScript Type Operators
Operator | Description |
typeof | Returns the type of a variable |
instanceof | Returns true if an object is an instance of an object type |
JavaScript Bitwise Operators
Bit operators work on 32 bits numbers.
Any numeric operand in the operation is converted into a 32 bit number. The result is converted back to a JavaScript number.
Operator | Description | Example | Same as | Result | Decimal |
& | AND | 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | OR | 5 | 1 | 0101 | 0001 | 0101 | 5 |
~ | NOT | ~ 5 | ~0101 | 1010 | 10 |
^ | XOR | 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
<< | left shift | 5 << 1 | 0101 << 1 | 1010 | 10 |
>> | right shift | 5 >> 1 | 0101 >> 1 | 0010 | 2 |
>>> | unsigned right shift | 5 >>> 1 | 0101 >>> 1 | 0010 | 2 |