Scribd
Upload
14 views4 pages

JavaScript Basics: Functions & Operators

The document provides a comprehensive guide to JavaScript programming, covering basic concepts such as input/output methods, DOM interaction, arithmetic and comparison operations, loops, conditional statements, and inbuilt functions. It includes practical code examples for each topic, demonstrating how to implement these concepts in web development. The content is structured in a way that is suitable for beginners looking to learn JavaScript fundamentals.

Uploaded by

moniish848
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
14 views4 pages

JavaScript Basics: Functions & Operators

The document provides a comprehensive guide to JavaScript programming, covering basic concepts such as input/output methods, DOM interaction, arithmetic and comparison operations, loops, conditional statements, and inbuilt functions. It includes practical code examples for each topic, demonstrating how to implement these concepts in web development. The content is structured in a way that is suitable for beginners looking to learn JavaScript fundamentals.

Uploaded by

moniish848
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

🌟 1.

Hello World Program

<script>
[Link]("<i>Hello World!</i>");
</script>

📥 2. Input and Output Examples

➤ Using [Link]()

<script>
[Link]("Beware of Cyber Scams");
</script>

➤ Using alert() Box

<script>
alert("You have chosen an Alert box");
</script>

➤ Using prompt() and [Link]()

<script>
var name = prompt("Enter your name:");
var age = prompt("Enter your age:");
[Link]("Your name is: " + name + "<br>");
[Link]("Your age is: " + age);
</script>

➤ Using confirm()

<script>
var result = confirm("Are you sure you want to cancel the order?");
if(result == true) {
[Link]("Order IS Canceled!");
} else {
[Link]("Order NOT Canceled");
}
</script>

3. DOM Interaction using getElementById()


➤ Output into a paragraph:

<p id="demo"></p>
<script>
[Link]("demo").inner = "Destination India!";
</script>

➤ Button Click Example:

<p>Click the button</p>


<button onclick="myFunction()">Click me</button>
<p id="demo"></p>

<script>
function myFunction() {
[Link]("demo").inner = "Hello World";
}
</script>

4. Arithmetic Operations

<script>
var a = 10, b = 5, c;
c = a + b;
[Link]("a + b = " + c + "<br>");
c = a - b;
[Link]("a - b = " + c + "<br>");
c = a * b;
[Link]("a * b = " + c + "<br>");
c = a / b;
[Link]("a / b = " + c + "<br>");
c = a % b;
[Link]("a % b = " + c + "<br>");
</script>

5. Comparison Operators

<script>
var a = 10, b = 5;
[Link]("a == b: " + (a == b) + "<br>");
[Link]("a != b: " + (a != b) + "<br>");
[Link]("a > b: " + (a > b) + "<br>");
</script>
6. Assignment Operators

<script>
var a = 10;
a += 5;
[Link]("a after a += 5: " + a + "<br>");
a *= 2;
[Link]("a after a *= 2: " + a + "<br>");
</script>

🔁 7. Loops in JavaScript

➤ For Loop (Print 1 to 10)

<script>
for(var i = 1; i <= 10; i++) {
[Link](i + "<br>");
}
</script>

➤ While Loop (Print square of numbers 1–5)

<script>
var i = 1;
while(i <= 5) {
var square = i * i;
[Link]("Square of " + i + ": " + square + "<br>");
i++;
}
</script>

✅ 8. If-Else Statement

<script>
var marks = prompt("Enter marks:");
if(marks >= 30) {
[Link]("Pass");
} else {
[Link]("Fail");
}
</script>

🔘 9. Switch-Case Statement
<script>
var grade = prompt("Enter grade (A/B/C):");
switch(grade) {
case 'A': [Link]("Excellent"); break;
case 'B': [Link]("Very Good"); break;
case 'C': [Link]("Good"); break;
default: [Link]("No Grade");
}
</script>

📌 10. Inbuilt Functions

➤ parseInt() and parseFloat()

<script>
var x = "34.56";
[Link](parseInt(x) + "<br>"); // Output: 34
[Link](parseFloat(x) + "<br>"); // Output: 34.56
</script>

➤ typeof and isNaN()

<script>
var a = "hello", b = 123;
[Link](typeof a + "<br>"); // string
[Link](typeof b + "<br>"); // number
[Link](isNaN("book") + "<br>"); // true
[Link](isNaN(45) + "<br>"); // false
</script>

You might also like