0% found this document useful (0 votes)
2 views4 pages

Java Script

The document provides an overview of web development using HTML and JavaScript. It covers key JavaScript concepts such as variables, operators, conditional statements, loops, functions, objects, and arrays. The content is structured with code examples demonstrating the functionality of each concept.

Uploaded by

owaiszaki414
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
0% found this document useful (0 votes)
2 views4 pages

Java Script

The document provides an overview of web development using HTML and JavaScript. It covers key JavaScript concepts such as variables, operators, conditional statements, loops, functions, objects, and arrays. The content is structured with code examples demonstrating the functionality of each concept.

Uploaded by

owaiszaki414
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
You are on page 1/ 4

!

DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>ICD College Web Dev Overview</title>

</head>

<body>

<h1>Welcome to ICD College Web Development Overview</h1>

<!-- JavaScript Section -->

<script>

// This is how we include JavaScript inside an HTML file using <script> tags.

// What is JavaScript?

// JavaScript is a programming language used to make web pages interactive and dynamic.

// JavaScript Output Statements

alert("Hello, this is an alert box!"); // Displays a popup message to the user

console.log("This message is logged in the browser console"); // Prints a message in the browser's
developer console

document.write("This is written directly on the page"); // Outputs content directly to the webpage

// JavaScript Variables

var name = "ICD College"; // Declares a variable 'name' with string value using 'var'

let course = "Web Development"; // Declares a block-scoped variable 'course' using 'let'

const year = 2025; // Declares a constant 'year' which cannot be changed


// JavaScript Operators

let a = 5; // Assigns value 5 to variable 'a'

let b = 2; // Assigns value 2 to variable 'b'

let sum = a + b; // Adds 'a' and 'b', stores result in 'sum'

let product = a * b; // Multiplies 'a' and 'b', stores result in 'product'

console.log("Sum:", sum); // Prints the sum

console.log("Product:", product); // Prints the product

// Conditional Statements

if (a > b) { // Checks if 'a' is greater than 'b'

console.log("a is greater than b"); // Executes if condition is true

} else {

console.log("b is greater than or equal to a"); // Executes if condition is false

// Loop Types

// for-loop

for (let i = 1; i <= 3; i++) { // Repeats loop 3 times

console.log("For loop iteration:", i); // Prints the current loop count

// while loop

let j = 1; // Initializes variable 'j'

while (j <= 3) { // Executes loop while 'j' is less than or equal to 3

console.log("While loop iteration:", j); // Prints the current value of 'j'


j++; // Increments 'j' by 1

// do-while loop

let k = 1; // Initializes variable 'k'

do {

console.log("Do-While loop iteration:", k); // Executes at least once

k++; // Increments 'k'

} while (k <= 3); // Repeats while 'k' is less than or equal to 3

// JavaScript Functions

function greet(name) { // Defines a function called 'greet' that takes one parameter

return "Hello, " + name + "!"; // Returns greeting message with the name

console.log(greet("Student")); // Calls 'greet' function with argument "Student"

// JavaScript Objects & Arrays

// Object Example

let student = {

name: "Ali", // Student name

age: 20, // Student age

course: "Web Development" // Student course

};

console.log("Student Name:", student.name); // Accesses 'name' property of student object

// Array Example

let courses = ["HTML", "CSS", "JavaScript"]; // Defines an array with 3 courses


console.log("First Course:", courses[0]); // Accesses the first item in the array

</script>

</body>

</html>

You might also like