Why Arithmetic operators in Javascript? - Purpose & Use Cases

The Big Idea

What if your code could do math as easily as you do with a calculator?

The Scenario

Imagine you want to calculate the total cost of items you bought, add tax, and find the change you get back. Doing all these calculations by hand or with a calculator every time you write a program is tiring and slow.

The Problem

Manually writing out each calculation step without operators means repeating long code, risking mistakes, and making your program hard to read and fix. It’s like doing math without using +, -, *, or / symbols—very slow and error-prone.

The Solution

Arithmetic operators let you write simple, clear expressions to add, subtract, multiply, divide, and more. They make your code easy to understand and quick to write, just like using a calculator inside your program.

Before vs After

✗ Before

let total = price1 + price2 + price3;
let tax = total * 0.1;
let final = total + tax;

✓ After

let final = price1 + price2 + price3 * 1.1;

What It Enables

With arithmetic operators, you can quickly perform all kinds of math in your code, making programs smarter and faster.

Real Life Example

Calculating your grocery bill including discounts and taxes automatically when you shop online.

Key Takeaways

Arithmetic operators simplify math in code.

They reduce errors and make code cleaner.

They help programs handle numbers like a calculator.

Practice

1. Which arithmetic operator in JavaScript is used to find the remainder of a division?

easy

A. %

B. /

C. **

D. *

Solution

1. Step 1: Understand the remainder operator

   The operator % returns the remainder after division of two numbers.

2. Step 2: Compare with other operators

   / is division, ** is power, and * is multiplication, so they don't give remainder.

3. Final Answer:

   % -> Option A

4. Quick Check:

   Remainder operator = % [OK]

Hint: Remainder operator looks like a percent sign % [OK]

Common Mistakes:

• Confusing division / with remainder %
• Using * or ** instead of %
• Thinking + or - can give remainder

2. Which of the following is the correct syntax to calculate 5 to the power of 3 in JavaScript?

easy

A. 5 ** 3

B. 5 ^^ 3

C. 5 ^ 3

D. pow(5, 3)

Solution

1. Step 1: Identify the power operator in JavaScript

   JavaScript uses ** to calculate powers, like 5 ** 3 means 5 to the power 3.

2. Step 2: Check other options for correctness

   ^ is bitwise XOR, ^^ is invalid syntax, and pow() is not a built-in function in JavaScript.

3. Final Answer:

   5 ** 3 -> Option A

4. Quick Check:

   Power operator = ** [OK]

Hint: Use ** for power, not ^ or pow() [OK]

Common Mistakes:

• Using ^ instead of ** for power
• Trying to use pow() like in other languages
• Typing invalid operators like ^^

3. What will be the output of the following code?

console.log(10 % 4);

medium

A. 6

B. 0

C. 2

D. 4

Solution

1. Step 1: Calculate 10 divided by 4

   10 divided by 4 is 2 with a remainder of 2.

2. Step 2: Understand the % operator

   The % operator returns the remainder, so 10 % 4 equals 2.

3. Final Answer:

   2 -> Option C

4. Quick Check:

   10 % 4 = 2 [OK]

Hint: Remainder is what's left after division [OK]

Common Mistakes:

• Confusing remainder with quotient
• Thinking % does division
• Choosing 0 or 4 as remainder incorrectly

4. Find the error in this code snippet:

let result = 5 **;
console.log(result);

medium

A. console.log syntax error

B. Using wrong operator for power

C. Variable name 'result' is invalid

D. Missing right operand for ** operator

Solution

1. Step 1: Check the power operator usage

   The power operator ** needs two operands, like 5 ** 2. Here, the right operand is missing.

2. Step 2: Verify other parts of the code

   The variable name and console.log syntax are correct, so no errors there.

3. Final Answer:

   Missing right operand for ** operator -> Option D

4. Quick Check:

   Power operator needs two numbers [OK]

Hint: Power operator needs number on both sides [OK]

Common Mistakes:

• Leaving out the second number after **
• Thinking variable names cause error here
• Assuming console.log is wrong

5. You want to split 100 candies equally among 6 kids and find how many candies remain undistributed. Which expression gives the number of leftover candies?

hard

A. 100 / 6

B. 100 % 6

C. 100 - 6

D. 100 ** 6

Solution

1. Step 1: Understand the problem

   We want the leftover candies after dividing 100 by 6, which means the remainder.

2. Step 2: Choose the correct operator

   The remainder operator % gives the leftover amount, so 100 % 6 is correct.

3. Final Answer:

   100 % 6 -> Option B

4. Quick Check:

   Leftover = total % number [OK]

Hint: Use % to find leftovers after division [OK]

Common Mistakes:

• Using / which gives quotient, not remainder
• Subtracting numbers directly instead of remainder
• Using power operator mistakenly