JavaScript Basics

⚡ JavaScript Kya Hai?

Hindi

JavaScript ek programming language hai jo website ko interactive aur dynamic banane ke liye use hoti hai.

HTML website ka structure banata hai, CSS website ko design karta hai aur JavaScript website mein actions aur functionality add karta hai.

English

JavaScript is a programming language used to make websites interactive and dynamic.

⭐ JavaScript Kyun Use Karte Hain?

Hindi

JavaScript ki help se website par button click, message show, menu open, form validation aur bahut saare interactive features banaye ja sakte hain.

English

JavaScript can be used for button actions, showing messages, opening menus, form validation and many other interactive features.

📜 1. JavaScript Kaise Add Karein?

Hindi

HTML page mein JavaScript ko <script> tag ke andar likh sakte hain.

<script>

    alert("Hello OMI!");

</script>

English

JavaScript can be written inside the <script> tag.

📦 2. Variables

Hindi

Variable ka use information ko store karne ke liye hota hai.

let name = "Som";

let age = 18;

console.log(name);

console.log(age);

English

Variables are used to store information that can be used later in the program.

⚙️ 3. Function

Hindi

Function code ka ek reusable block hota hai. Jab function ko call karte hain to uske andar ka code run hota hai.

function sayHello(){

    alert("Hello!");

}

sayHello();

English

A function is a reusable block of code. It runs when the function is called.

🖱️ 4. Button Click

Hindi

JavaScript ka use karke button click hone par koi action perform karwa sakte hain.

<button onclick="showMessage()">
    Click Me
</button>

<script>

function showMessage(){

    alert("Welcome to OMI!");

}

</script>

English

JavaScript can perform an action when a user clicks a button.

🌐 5. HTML Element Change Karna

Hindi

JavaScript HTML ke elements ko select karke unka text change kar sakti hai.

<h2 id="title">
    Hello
</h2>

<script>

document.getElementById("title")
.innerText = "Welcome to OMI";

</script>

English

JavaScript can select HTML elements and change their content.

🧪 6. Console

Hindi

console.log() ka use JavaScript mein information check karne ke liye kiya jata hai.

console.log("Hello OMI");

console.log(10 + 20);

English

console.log() is commonly used to display information in the browser console.

💻 Complete JavaScript Example

Hindi

Neeche HTML, CSS aur JavaScript ko ek saath use karne ka simple example hai:

<!DOCTYPE html>

<html>

<head>

<style>

button{
    padding:12px 20px;
    background:#00b8df;
    border:none;
    border-radius:8px;
}

</style>

</head>

<body>

<h1 id="title">
    Welcome
</h1>

<button onclick="changeText()">
    Click Me
</button>

<script>

function changeText(){

    document.getElementById("title")
    .innerText = "Welcome to OMI!";

}

</script>

</body>

</html>

English

In this example, HTML creates the content, CSS styles the button and JavaScript changes the heading when the button is clicked.