Javascript Part 1
Javascript Part 1
Components
INSTRUCTOR: SAMRA SHAHZADI
VARIABLES AND DATA TYPES
Task 1: Declare a variable to
store name and display it
<script>
let name = "Ali";
document.write("Hello, " + name);
</script>
Task 2: Store age in a variable
and check if it's above 18
<script>
let age = 20;
if (age > 18) {
document.write("You are eligible.");
} else {
document.write("You are not eligible.");
}
</script>
Task 3: Concatenate two strings
(first name + last name)
<script>
let firstName = "Sara";
let lastName = "Khan";
let fullName = firstName + " " + lastName;
<p id="result"></p>
<script>
function checkEvenOdd() {
let num = parseInt(document.getElementById("numInput").value);
let result = document.getElementById("result");
if (isNaN(num)) {
result.textContent = "Please enter a valid number.";
} else if (num % 2 === 0) {
result.textContent = num + " is Even";
} else {
result.textContent = num + " is Odd";
}
}
</script>
Task 2: Create a Simple Login
Check (Username/Password)
<script>
let username = prompt("Enter username:");
let password = prompt("Enter password:");
<script>
let text = "";
for (let i = 1; i <= 5; i++) {
text += "Welcome<br>";
}
document.getElementById("output").innerHTML = text;
</script>
</body>
</html>
Table of 10
<!DOCTYPE html>
<html>
<body>
<div id="tableOutput"></div>
<script>
let output = "";
for (let i = 1; i <= 10; i++) {
output += `10 x ${i} = ${10 * i}<br>`;
}
document.getElementById("tableOutput").innerHTML = output;
</script>
</body>
</html>
Display Numbers 1 to 10
for (let i = 1; i <= 10; i++) {
document.write(i + "<br>");
}
Tasks List
1. Even Numbers from 1 to 20
2. Reverse Counting (10 to 1)
3. Display "Hello [Name]" 5 Times
4. Sum of First 10 Numbers
5. Table of Any Number (User Input)