JavaScript Variables, Data Types & Operators

📖 Chapter 2: JavaScript Variables, Data Types & Operators

🔢 Javascrip Variables (Variable అంటే ఏమిటి?)

Variables అనేవి data store చేసుకునే containers. JavaScript లో 3 types of variables ఉంటాయి:

var – Global Scope కలిగిన variable
let – Block Scope కలిగిన variable (ES6 feature)
const – Constant values కోసం ఉపయోగించే variable

Example Javascript variables:

JavaScript

var name = "Rahul";
let age = 25;
const country = "India";

✅ Javascript Variable Rules & Best Practices

Variable names must start with a letter, _, or $.
JavaScript is case-sensitive (age and Age are different).
const variables cannot be reassigned after declaration.

📊 Data Types (JavaScript Data Types)

JavaScript లో 7 ప్రధాన data types ఉన్నాయి:

String – Text values (Example: “Hello, World!”)
Number – Integers & Decimals (Example: 100, 12.5)
Boolean – True/False values (Example: true, false)
Null – Intentional empty value (null)
Undefined – Variable declared but not assigned any value
Object – Collections of properties (Example: {name: "John", age: 30})
Symbol – Unique, immutable values (used in advanced JavaScript)

Example:

JavaScript

let username = "Teja"; // String
let score = 95; // Number
let isAdmin = true; // Boolean
let details = { name: "Ravi", age: 30 }; // Object
let uniqueId = Symbol('id'); // Symbol

📌 Checking Data Type

Use typeof operator to check the type of a variable:

JavaScript

console.log(typeof username); // Output: string
console.log(typeof score); // Output: number
console.log(typeof isAdmin); // Output: boolean
console.log(typeof details); // Output: object
console.log(typeof uniqueId); // Output: symbol

🔢 JavaScript Operators (Operators in JavaScript)

🔹 Arithmetic Operators (గణిత క్రియలు)

Used for mathematical operations:

Operator	Description	Example
`+`	Addition	`a + b`
`-`	Subtraction	`a - b`
`*`	Multiplication	`a * b`
`/`	Division	`a / b`
`%`	Modulus (Remainder)	`a % b`
`++`	Increment	`a++`
`--`	Decrement	`a--`

Example:

JavaScript

let a = 10;
let b = 5;
console.log(a + b); // 15
console.log(a - b); // 5
console.log(a * b); // 50
console.log(a / b); // 2
console.log(a % b); // 0

🔹 Comparison Operators

Used to compare values:

Operator	Description	Example
`==`	Equal to	`a == b`
`===`	Strict equal (checks type too)	`a === b`
`!=`	Not equal	`a != b`
`!==`	Strict not equal	`a !== b`
`>`	Greater than	`a > b`
`<`	Less than	`a < b`
`>=`	Greater than or equal	`a >= b`
`<=`	Less than or equal	`a <= b`

Example:

JavaScript

console.log(10 > 5); // true
console.log(10 == "10"); // true (loose comparison)
console.log(10 === "10"); // false (strict comparison)

🔹 Logical Operators

Operator	Description	Example
`&&`	AND	`a && b`
`		`	OR	`a	b`
`!`	NOT	`!a`

Example:

JavaScript

let isUser = true;
let isAdmin = false;

console.log(isUser && isAdmin); // false
console.log(isUser || isAdmin); // true
console.log(!isUser); // false

🎯 Conclusion

Variables store data using var, let, and const.
Data types include String, Number, Boolean, Null, Undefined, Object, and Symbol.
Operators perform arithmetic, comparison, and logical operations.

Simple Project by using what we learn in this lesson

ఇప్పుడు మనం JavaScript Variables, Data Types, మరియు Operators ఉపయోగించి ఒక చిన్న ప్రాక్టికల్ ప్రాజెక్ట్ చేయబోతున్నాం. ఈ ప్రాజెక్ట్ పూర్తి step-by-step గా ఉంటుంది — ఎందుకు, ఎలా, ఎక్కడ నుండి మొదలుపెట్టాలో తెలుగులో పూర్తిగా నేర్చుకుందాము.

ప్రాజెక్ట్ పేరు: Simple Calculator App (Addition, Subtraction, Multiplication, Division)

Setup Required

ఈ ప్రాజెక్ట్ browser లోనే HTML + JavaScript తో పని చేస్తుంది.
మనంకి code editor (VS Code / Notepad++/Notepad) మరియు ఒక browser (Chrome / Firefox) చాలు.

Step 1: Folder Structure తయారుచేయండి

ఒక folder create చేయండి — ఉదా: JS-Calculator
అందులో రెండు files create చేయండి:
- index.html 👉 structure కోసం
- script.js 👉 JavaScript logic కోసం

Step 2: index.html ఫైల్ ఇలా రాయండి

JavaScript

<!DOCTYPE html>
<html lang="te">
<head>
    <meta charset="UTF-8">
    <title>Calculator Project</title>
</head>
<body>
    <h1>సింపుల్ కేల్కులేటర్</h1>

    <input type="number" id="num1" placeholder="మొదటి సంఖ్య">
    <input type="number" id="num2" placeholder="రెండవ సంఖ్య"><br><br>

    <button onclick="calculate('add')">Add</button>
    <button onclick="calculate('subtract')">Subtract</button>
    <button onclick="calculate('multiply')">Multiply</button>
    <button onclick="calculate('divide')">Divide</button>

    <h2 id="result">Result: </h2>

    <script src="script.js"></script>
</body>
</html>

ఇది ఏమి చేస్తుంది?

రెండు input fields ఉండేలా చేస్తుంది (సంఖ్యలు ఇవ్వడానికి)
నాలుగు బటన్‌లు: Add, Subtract, Multiply, Divide
ఫలితాన్ని h2 లో చూపిస్తుంది
చివరలో script.js అనే JS ఫైల్ link చేసినాము

Step 3: script.js లో JavaScript రాయండి

JavaScript

// ఇది function definition
function calculate(operation) {
    // Step 1: Input values తీసుకోవాలి
    let num1 = document.getElementById("num1").value;
    let num2 = document.getElementById("num2").value;

    // Step 2: Type Conversion - string ని number లోకి మార్చాలి
    num1 = Number(num1);
    num2 = Number(num2);

    // Step 3: Result variable 선언 చేయండి
    let result;

    // Step 4: Operators తో logic
    if (operation === "add") {
        result = num1 + num2;
    } else if (operation === "subtract") {
        result = num1 - num2;
    } else if (operation === "multiply") {
        result = num1 * num2;
    } else if (operation === "divide") {
        // 0 తో divide చేయొద్దు!
        if (num2 === 0) {
            result = "0 తో division లేదు!";
        } else {
            result = num1 / num2;
        }
    }

    // Step 5: ఫలితాన్ని UI లో చూపించండి
    document.getElementById("result").innerText = "Result: " + result;
}

Explanation – Line by Line (తెలుగులో)

🔸 Variables:

JavaScript

let num1 = document.getElementById("num1").value;
let num2 = document.getElementById("num2").value;

👉 User ఇచ్చిన input ని చదువుతుంది
👉 let అంటే variable declare చేయడం (block-level scope)

🔸 Data Types:

HTML లో ఇచ్చిన value ఎప్పుడూ string టైప్ లో వస్తుంది.
మనం Number() method ద్వారా number లోకి మార్చాలి.

JavaScript

num1 = Number(num1);
num2 = Number(num2);

🔸 Operators:

JavaScript

if (operation = = = "add") {
    result = num1 + num2; // ➕
} else if (operation = = = "subtract") {
    result = num1 - num2; // ➖
} else if (operation = = = "multiply") {
    result = num1 * num2; // ✖️
} else if (operation = = = "divide") {
    result = num1 / num2; // ➗
}

👉 ఇది Arithmetic Operators వినియోగం

🧪 Step 4: Output ఎలా చూడాలి?

ఫైళ్లన్నీ సేవ్ చేయండి
index.html ని బ్రౌజర్ లో open చేయండి
రెండు సంఖ్యలు టైప్ చేయండి
Add / Subtract / Multiply / Divide బటన్ క్లిక్ చేయండి
ఫలితం మీరు ఎంచుకున్న ఆపరేషన్ ప్రకారం result: లో కనిపిస్తుంది

Top Companies Offering Fresher Training & Internship Programs in 2025

Resume Generator

Freshers Resume లో చేసే Common Mistakes

ఏ Type Certification చేయాలి

Certifications వల్ల నిజంగా Job వస్తుందా?

SQL- Show Tables

JavaScript Variables, Data Types & Operators

📖 Chapter 2: JavaScript Variables, Data Types & Operators

🔢 Javascrip Variables (Variable అంటే ఏమిటి?)

✅ Javascript Variable Rules & Best Practices

📊 Data Types (JavaScript Data Types)

📌 Checking Data Type

🔢 JavaScript Operators (Operators in JavaScript)

🔹 Arithmetic Operators (గణిత క్రియలు)

🔹 Comparison Operators

🔹 Logical Operators

🎯 Conclusion

Simple Project by using what we learn in this lesson

ప్రాజెక్ట్ పేరు: Simple Calculator App (Addition, Subtraction, Multiplication, Division)

Setup Required

Step 1: Folder Structure తయారుచేయండి

Step 2: index.html ఫైల్ ఇలా రాయండి

ఇది ఏమి చేస్తుంది?

Step 3: script.js లో JavaScript రాయండి

Explanation – Line by Line (తెలుగులో)

🔸 Variables:

🔸 Data Types:

🔸 Operators:

🧪 Step 4: Output ఎలా చూడాలి?

Leave a Reply Cancel reply

📖 Chapter 2: JavaScript Variables, Data Types & Operators

🔢 Javascrip Variables (Variable అంటే ఏమిటి?)

✅ Javascript Variable Rules & Best Practices

📊 Data Types (JavaScript Data Types)

📌 Checking Data Type

🔢 JavaScript Operators (Operators in JavaScript)

🔹 Arithmetic Operators (గణిత క్రియలు)

🔹 Comparison Operators

🔹 Logical Operators

🎯 Conclusion

Simple Project by using what we learn in this lesson

ప్రాజెక్ట్ పేరు: Simple Calculator App (Addition, Subtraction, Multiplication, Division)

Setup Required

Step 1: Folder Structure తయారుచేయండి

Step 2: index.html ఫైల్ ఇలా రాయండి

ఇది ఏమి చేస్తుంది?

Step 3: script.js లో JavaScript రాయండి

Explanation – Line by Line (తెలుగులో)

🔸 Variables:

🔸 Data Types:

🔸 Operators:

🧪 Step 4: Output ఎలా చూడాలి?

Leave a Reply Cancel reply

Related Posts