Adding two numbers is often the very first thing people learn when they start programming, and for good reason. It may look simple, but this small operation teaches you how variables work, how data is stored, and how a program produces results. In TypeScript, addition is clear, readable, and very close to plain English, which makes it a great language for beginners.
TypeScript is widely used in web development, especially when building large and reliable applications. Whether you are calculating a total price, counting users, or handling scores in a game, adding numbers is something you will do again and again. Understanding this basic idea early will make everything else in TypeScript much easier to learn.
Program 1: Adding Two Integer Numbers
This program shows the most basic way to add two whole numbers in TypeScript. The values are already defined so you can focus only on the syntax and logic.
let firstNumber: number = 10;
let secondNumber: number = 20;
let sumResult: number = firstNumber + secondNumber;
console.log(sumResult);In this example, two integer values are stored in variables and then added using the plus operator. The result is saved in another variable and printed to the console. This approach is useful when you are working with fixed values, such as configuration settings or test data, and it helps beginners clearly see how addition works in TypeScript.
Program 2: Adding Two Floating-Point Numbers
This program demonstrates how TypeScript handles decimal numbers during addition.
let priceOne: number = 12.5;
let priceTwo: number = 7.75;
let totalPrice: number = priceOne + priceTwo;
console.log(totalPrice);Here, the numbers include decimal points, which are common in real-life calculations like money or measurements. TypeScript treats both integers and decimals as numbers, so the addition works the same way. Beginners will find this helpful when building applications that deal with prices, distances, or percentages.
Program 3: Adding an Integer and a Decimal Number
This example shows how TypeScript adds mixed number types without any extra effort.
let itemCount: number = 5;
let itemWeight: number = 2.5;
let totalWeight: number = itemCount + itemWeight;
console.log(totalWeight);Even though one value is a whole number and the other is a decimal, TypeScript handles the calculation smoothly. This is useful in everyday programming where data often comes in different forms. Beginners can learn that TypeScript keeps things simple while still being powerful.
Program 4: Adding Numbers Using a Function
This program uses a function to add two numbers, which is a common and clean coding style.
function addNumbers(firstValue: number, secondValue: number): number {
return firstValue + secondValue;
}
let result = addNumbers(15, 25);
console.log(result);Using a function makes your code reusable and easier to read. Instead of writing the same addition logic again and again, you can call the function whenever you need it. This is an important habit for beginners who want to write clean and professional TypeScript code.
Program 5: Adding Two Numbers from User Input
This program shows how to add numbers entered by the user. It uses basic input handling common in web environments.
let inputOne = prompt("Enter the first number:");
let inputTwo = prompt("Enter the second number:");
let numberOne: number = Number(inputOne);
let numberTwo: number = Number(inputTwo);
let sum: number = numberOne + numberTwo;
console.log(sum);User input is usually read as text, so the values are converted into numbers before addition. This step is very important, because adding strings would give the wrong result. Beginners can use this example to understand how real users interact with programs and how TypeScript processes their input safely.
Program 6: Adding Numbers Stored in an Array
This example adds two numbers stored inside an array.
let numbers: number[] = [8, 12];
let arraySum: number = numbers[0] + numbers[1];
console.log(arraySum);Arrays are commonly used to store multiple values together. This program shows how to access values from an array and add them. Beginners will find this helpful when working with lists of data, such as scores, prices, or measurements.
Program 7: Adding More Numbers Using reduce
This example demonstrates how to add any number of numbers stored inside an array using the reduce method.
let numbers: number[] = [5, 10, 15, 20];
let arraySum: number = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(arraySum);The reduce method allows you to accumulate a value from the elements of an array by applying a function to each element. This program is especially useful for tasks requiring the sum of a variable number of items, like summing scores, prices, or other measurements. Beginners will appreciate its efficiency and ease of use for processing larger datasets.
Frequently Asked Questions (FAQ)
This section answers common beginner questions about adding numbers in TypeScript.
Q1. Do I need to declare the type when adding numbers in TypeScript?
TypeScript allows type inference, but declaring the type helps beginners avoid mistakes and makes the code clearer.
Q2. Can TypeScript add decimal and whole numbers together?
Yes, TypeScript treats both as numbers and handles the addition automatically.
Q3. Why does user input need conversion before addition?
User input is read as text, and converting it to a number ensures correct mathematical results.
Q4. Is addition in TypeScript different from JavaScript?
The syntax is the same, but TypeScript adds type safety, which helps catch errors early.
Q5. Where is addition commonly used in real projects?
Addition is used in calculations, totals, counters, scores, financial apps, and many other real-world scenarios.
Conclusion
Adding two numbers in TypeScript is simple, clear, and beginner-friendly. In this guide, you learned how to add integers, decimals, mixed values, array values, and even numbers entered by a user. Each example showed a slightly different way to solve the same problem, helping you understand how flexible TypeScript can be.
The best way to learn is by practicing. Try changing the numbers, writing your own functions, or adding more user input. As you grow more comfortable with basic operations like addition, you will find that more advanced TypeScript concepts become much easier to understand and enjoy.
