Javascript-Arithmetic
Types of JavaScript Arithmetic Operators:
Operator Description
+ Addition
– Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Remainder)
++ Increment
— Decrement
1. Addition (+):
Syntax:
The addition operator (+) adds numbers
a + b
Example:
<!DOCTYPE html>
<html>
<body>
<h2>The + Operator</h2>
<p id="demo"></p>
<script>
var x = 5;
var y = 6;
var z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
OUTPUT:
The + Operator
11
2. Subtraction (-):
Syntax:
The subtraction operator (-) subtracts numbers.
a - b
Example:
<!DOCTYPE html>
<html>
<body>
<h2>The - Operator</h2>
<p id="demo"></p>
<script>
var x = 5;
var y = 3;
var z = x - y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
OUTPUT:
The – Operator
2
3. Multiplication (*):
Syntax:
The multiplication operator (*) multiplies numbers.
a * b
Example:
<!DOCTYPE html>
<html>
<body>
<h2>The * Operator</h2>
<p id="demo"></p>
<script>
var x = 5;
var y = 5;
var z = x * y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
OUTPUT:
The * Operator
25
4. Division (/):
Syntax:
The division operator (/) divides numbers.
a / b
Example:
<!DOCTYPE html>
<html>
<body>
<h2>The / Operator</h2>
<p id="demo"></p>
<script>
var x = 5;
var y = 2;
var z = x / y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
OUTPUT:
The / Operator
2.5
5. Modulus (%) :
Syntax:
The modulus operator (%) returns the division remainder.
a % b
Example:
<!DOCTYPE html>
<html>
<body>
<h2>The % Operator</h2>
<p id="demo"></p>
<script>
var x = 5;
var y = 2;
var z = x % y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
OUPTUT:
The % Operator
1
6. Increment (++):
Syntax:
The increment operator (++) increments numbers.
a++ or ++a
Example:
<!DOCTYPE html>
<html>
<body>
<h2>The ++ Operator</h2>
<p id="demo"></p>
<script>
var x = 11;
x++;
var z = x;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
OUTPUT:
The ++ Operator
12
7. Decrement (–):
Syntax:
The decrement operator (–) decrements numbers.
a-- or --a
Example:
<!DOCTYPE html>
<html>
<body>
<h2>The -- Operator</h2>
<p id="demo"></p>
<script>
var x = 7;
x--;
var z = x;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
OUTPUT:
The — Operator
6
8. Exponentiation (**):
Syntax:
Raises the first operand to the power of the second operand.
a ** b
Example:
<!DOCTYPE html>
<html>
<body>
<h2>The ** Operator</h2>
<p id="demo"></p>
<script>
var x = 7;
document.getElementById("demo").innerHTML = x ** 2;
</script>
</body>
</html>
OUTPUT:
The ** Operator
49