0% found this document useful (0 votes)

5 views

Css Manual

The document outlines a series of JavaScript programming experiments for a 5th semester course in Information Technology, taught by Yogita Khandagle. Each experiment includes a title, code snippet, and expected output, covering topics such as Fibonacci series, array manipulation, factorial calculation, and dynamic attribute changes. The document serves as a practical guide for students to learn and implement JavaScript functionalities.

Uploaded by

nikamisha832

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)

5 views

Css Manual

Uploaded by

nikamisha832

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/ 31

DEPARTMENT OF INFORMATION TECHNOLOGY

Subject: client slide script language Subject Code:

Semester:5th Semester Course: IF5IC
Laboratory No: Name of Subject Teacher: Yogita Khandagle
Name of Student: Isha Mahendra Nikam Roll Id: 22202C0044

Experiment No: 1
Title of Experiment Write a javascript program to print the Fibonacci series till 10 number

Program:

Write a javascript program to print the Fibonacci series till 10 number

<!DOCTYPE html>
<html>
<head>
<title>Arithmetic Operator</title>
</head>
<body>
<h1>Arithmetic Operator</h1>
<p>Enter first Number: </p>
<input type="number" id="firstnumber">
<p>Enter second Number: </p>
<input type="number" id="secondnumber">
<BR>
<BR>
<BR>
<button onclick="performOperation('add')">Add</button>
<button onclick="performOperation('subtract')">Subtract</button>
<button onclick="performOperation('multiply')">Multiply</button>
<button onclick="performOperation('divide')">Divide</button>
<button onclick="performOperation('mod')">Mod</button>

switch (operation) {
case 'add':
result = a + b;
break;
case 'subtract':
result = a - b;
break;
case 'multiply':
result = a * b;
break;
case 'divide':
result = b !== 0 ? a / b : 'Cannot divide by zero.';
break;
case 'mod':
result = b !== 0 ? a % b : 'Cannot divide by zero.';
break;
}

alert("Your Answer is " + result);

}
</script>
</body>
</html>

OUTPUT=
DEPARTMENT OF INFORMATION
TECHNOLOGY

Subject: client slide script language Subject Code:

Semester:5th Semester Course: IF5IC
Laboratory No: Name of Subject Teacher: Yogita Khandagle
Name of Student: Isha Mahendra Nikam Roll Id: 22202C0044

Experiment No: 2
Title of Experiment Write a javascript program to print the Fibonacci series till 10 number

Write a javascript program to print the Fibonacci series till 10 number

Program:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fibonacci Series</title>
</head>
<body>
<h1>Fibonacci Series</h1>
<script>
// Function to generate Fibonacci series
function fibonacciSeries(n) {
let fib = [0, 1]; // Initialize the first two numbers of the series

for (let i = 2; i < n; i++) {

fib[i] = fib[i - 1] + fib[i - 2];
}

return fib;
}

// Generate Fibonacci series up to 10 numbers

const numbers = fibonacciSeries(10);

// Display the Fibonacci series using document.write

document.write("<p>Fibonacci Series (First 10 numbers):</p>");
document.write("<ul>");

for (let i = 0; i < numbers.length; i++) {

document.write("<li>" + numbers[i] + "</li>");
}

document.write("</ul>");
</script>
</body>
</html>

OUTPUT=
DEPARTMENT OF INFORMATION
TECHNOLOGY

Subject: client slide script language Subject Code:

Semester:5th Semester Course: IF5IC
Laboratory No: Name of Subject Teacher: Yogita Khandagle
Name of Student: Isha Mahendra Nikam Roll Id: 22202C0044

Experiment No: 3
Title of Experiment Write a Program to create new array using elements of another array.

Write a Program to create new array using elements of another array.

Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Create New Array Example</title>
</head>
<body>
<h1>Create New Array from Existing Array</h1>
<script>
// Original array
const originalArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

// Function to create a new array based on the original array

function createNewArray(arr) {
// Example transformation: create a new array with squared values of the original array
return arr.map(x => x * x);
}

// Create new array

const newArray = createNewArray(originalArray);

// Display the original array and the new array using document.write
document.write("<p>Original Array: [" + originalArray.join(", ") + "]</p>");
document.write("<p>New Array (squared values): [" + newArray.join(", ") + "]</p>");
</script>
</body>
</html>
Output:
DEPARTMENT OF INFORMATION
TECHNOLOGY

Subject: client slide script language Subject Code:

Semester:5th Semester Course: IF5IC
Laboratory No: Name of Subject Teacher: Yogita Khandagle
Name of Student: Isha Mahendra Nikam Roll Id: 22202C0044

Experiment No: 4
Title of Experiment Calculate the factorial of a number by 1)calling function without
argument 2)calling function with argument

Calculate the factorial of a number by 1)calling function without argument 2)calling function
with argument

Program:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Factorial Calculation</title>
</head>
<body>
<h1>Factorial Calculation</h1>
<script>
// Function to calculate factorial with argument
function factorial(n) {
if (n === 0 || n === 1) {
return 1;
}
return n * factorial(n - 1);
}

// Function to calculate factorial without argument

function factorialWithoutArgument() {
// Using a default value for the calculation
const defaultValue = 5; // You can change this default value
return factorial(defaultValue);
}

// Calculate factorial with argument

const numberWithArgument = 7; // You can change this number to any other integer
const factorialWithArgument = factorial(numberWithArgument);

// Calculate factorial without argument

const factorialWithoutArg = factorialWithoutArgument();

// Display the results using document.write

document.write("<p>Factorial of " + numberWithArgument + " (with argument): " +
factorialWithArgument + "</p>");
document.write("<p>Factorial of default value (without argument): " + factorialWithoutArg +
"</p>");
</script>
</body>
</html>

OUTPUT=
DEPARTMENT OF INFORMATION
TECHNOLOGY

Subject: client slide script language Subject Code:

Semester:5th Semester Course: IF5IC
Laboratory No: Name of Subject Teacher: Yogita Khandagle
Name of Student: Isha Mahendra Nikam Roll Id: 22202C0044

Experiment No: 5
Title of Experiment Write a program to remove white space between the string.

Write a program to remove white space between the string.

Code:

<!DOCTYPE html>

<head>

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

<title>Remove White Spaces</title>

</head>

<body>

<h1>Remove White Spaces from Strings</h1>

// Function to remove white spaces from a string

function removeWhiteSpaces(str) {

return str.replace(/\s+/g, ''); // Remove all white spaces

// Example strings

const originalString = " This is an example string with white spaces. ";

const stringWithoutSpaces = removeWhiteSpaces(originalString);

// Display the results using document.write

document.write("<p>Original String: \"" + originalString + "\"</p>");

document.write("<p>String Without White Spaces: \"" + stringWithoutSpaces + "\"</p>");

</script>

</body>

</html>

Output:

DEPARTMENT OF INFORMATION
TECHNOLOGY
Subject: client slide script language Subject Code:
Semester:5th Semester Course: IF5IC
Laboratory No:lab3 Name of Subject Teacher: Yogita Khandagle
Name of Student: Isha Mahendra Nikam Roll Id: 22202C0044

Experiment No: 6
Title of Experiment Write a javascript program for changing attributes values dynamically

Write a javascript program for changing attributes values dynamically

Program:

html>

<head>

</head>

<body>

<h2>Change the attribute value using JavaScript.</h2>

<h4>Click the button to change the <i> background-color <i> of the below text.</h4>

<div id = "fonts">change color of this.</div>

<button onclick = "changeBackground()">change background</button>

function changeBackground() {

let fontsDiv = document.getElementById("fonts");

fontsDiv.style.backgroundColor = 'green'; // change background color of div element

using style attribute

</script>

</body>

</html>

OUTPUT=
DEPARTMENT OF INFORMATION
TECHNOLOGY
Subject: client slide script language Subject Code:
Semester:5th Semester Course: IF5IC
Laboratory No:lab3 Name of Subject Teacher: Yogita Khandagle
Name of Student: Isha Mahendra Nikam Roll Id: 22202C0044

Experiment No: 7
Title of Experiment Develop a program for as we enter the firstname and lastname,email is
automatically generated

Develop a program for as we enter the firstname and lastname,email is automatically

generated

PROGRAM=

<!DOCTYPE html>

<head>

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

<title>Email Generator</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 20px;

.container {

max-width: 400px;

margin: auto;

input, button {

width: 100%;

padding: 10px;

margin: 5px 0;
border: 1px solid #ccc;

border-radius: 5px;

#emailOutput {

font-weight: bold;

color: #333;

</style>

</head>

<body>

<h1>Email Generator</h1>

<label for="firstName">First Name:</label>

<input type="text" id="firstName" name="firstName" required>

<label for="lastName">Last Name:</label>

<input type="text" id="lastName" name="lastName" required>

<button type="button" id="generateEmail">Generate Email</button>

</form>

</div>

</body>

</html>

OUTPUT=
DEPARTMENT OF INFORMATION
TECHNOLOGY

Subject: client slide script language Subject Code:

Semester:5th Semester Course: IF5IC
Laboratory No: lab3 Name of Subject Teacher: Yogita Khandagle
Name of Student: Isha Mahendra Nikam Roll Id: 22202C0044
Experiment No: 8
Title of Experiment Write a program to demonstrate the use of keyevent Event

Code:

<html>
<head>
<title>Key Event Demo</title>
<style>
body {
bgcolor: ""
font-family: Arial, sans-serif;
text-align: center;
margin-top: 50px;
}
#output {
font-size: 24px;
margin-top: 20px;
}
</style>
</head>
<body>
<h1>Press Any Key!</h1>
<div id="output">You pressed: </div>

Output:
DEPARTMENT OF INFORMATION
TECHNOLOGY

Subject: client slide script language Subject Code:

Semester:5th Semester Course: IF5IC
Laboratory No: lab3 Name of Subject Teacher: Yogita Khandagle
Name of Student: Isha Mahendra Nikam Roll Id: 22202C0044

Experiment No: 9
Title of Experiment Write a program to Display and enabled textfield.

Code:

<html>
<head>
<title>Enable/Disable Text Field</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
</style>
</head>
<body>

<h2>Enable/Disable Text Field</h2>

<input type="text" id="myTextField" disabled>
<button id="toggleButton">Enable</button>

toggleButton.addEventListener('click', () => {
if (textField.disabled) {
textField.disabled = false;
toggleButton.textContent = 'Enable';
} else {
textField.disabled = true;
toggleButton.textContent = 'Disable';
}
});
</script>

</body>
</html>

Output:
DEPARTMENT OF INFORMATION
TECHNOLOGY

Subject: client slide script language Subject Code:

Semester:5th Semester Course: IF5IC
Laboratory No: lab3 Name of Subject Teacher: Yogita Khandagle
Name of Student: Isha Mahendra Nikam Roll Id: 22202C0044

Experiment No: 10
Title of Experiment Write a webpage that display from that contains an input for username
and password.user is prompted to enter the input username and
password become value of the cookies write a javascript function for
storing the cookies

Code:

<html>
<head>
<title>Username and Password Form with Cookies</title>
</head>
<body>
<h2>Login Form</h2>
<form onsubmit="storeCookies(event)">

<label for="username">Username:</label>

<input type="text" id="username" name="username" required>

<label for="password">Password:</label>

<input type="password" id="password" name="password" required>

<button type="submit">Submit</button>

</form>

event.preventDefault(); // Prevent form submission

var username = document.getElementById("username").value;

var password = document.getElementById("password").value;

document.cookie = "username=" + encodeURIComponent(username) + "; path=/;

max-age=" + 24 * 60 * 60;

document.cookie = "password=" + encodeURIComponent(password) + "; path=/;

max-age=" + 24 * 60 * 60;
alert("Username and password stored in cookies.");

</script>
</body>
</html>

Output:
DEPARTMENT OF INFORMATION
TECHNOLOGY

Subject: client slide script language Subject Code:

Semester:5th Semester Course: IF5IC
Laboratory No: lab3 Name of Subject Teacher: Yogita Khandagle
Name of Student: Isha Mahendra Nikam Roll Id: 22202C0044

Experiment No: 11
Title of Experiment Write a program to Open a new windows and close that windows on
button click event using open()and close()

CODE=

<html>

<head>

<title>window open and close method</title>

</head>

<body style="display: flex;

flex-direction: column;

justify-content:center;

align-items:center;">

<div class="container" style="position: relative;

text-align: center;">

<h1 style="color: rgb(18, 154, 18);">

GeeksforGeeks

</h1>

<h3> window open and close method</h3>

Open GeeksforGeeks
</button>

Close GeeksforGeeks

</button>

</div>

let Window;

function windowOpen() {

Window = window.open(

"https://www.geeksforgeeks.org/",

"_blank", "width=400, height=300, top=230, left=540");

function windowClose() {

Window.close();

</script>

</body>

</html>

OUTPUT=
DEPARTMENT OF INFORMATION
TECHNOLOGY

Subject: client slide script language Subject Code:

Semester:5th Semester Course: IF5IC
Laboratory No: lab3 Name of Subject Teacher: Yogita Khandagle
Name of Student: Isha Mahendra Nikam Roll Id: 22202C0044

Experiment No: 12
Title of Experiment Write HTML code to design a form that displays textboxes for
accepting UserID and Aadhar No. and a SUBMIT button. UserlD
should contain 10 alphanumeric characters and must start with Capital
Letter. Aadhar No. should contain 12 digits in the format nnnn nnnn
nnnn. Write JavaScript code to validate the UserID and Aadhar No.
when the user clicks on SUBMIT button.

CODE=

<html>
<head>
<title>Form Validation</title>
<style>
form {
width: 300px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 8px;
box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
}
label {
display: block;
margin-bottom: 8px;
}
input {
width: 100%;
padding: 8px;
margin-bottom: 12px;
border-radius: 4px;
border: 1px solid #ccc;
}
button {
padding: 10px;
width: 100%;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
button:hover {
background-color: #45a049;
}
.error {
color: red;
font-size: 14px;
display: inline; /* Make div behave like span */
}
</style>
</head>
<body>

<form id="userForm" onsubmit="return validateForm()">

<h2>User Information</h2>

<label for="userID">User ID (10 characters, starts with a capital letter):</label>

<label for="aadharNo">Aadhar No. (nnnn nnnn nnnn format):</label>

<button type="submit">SUBMIT</button>
</form>

let userIDError = document.getElementById("userIDError");

let aadharError = document.getElementById("aadharError");

userIDError.textContent = "";
aadharError.textContent = "";

let userIDPattern = /^[A-Z][A-Za-z0-9]{9}$/;

if (!userIDPattern.test(userID)) {
userIDError.textContent = "UserID must be 10 alphanumeric characters and start
with a capital letter.";
return false;
}
let aadharPattern = /^\d{4}\s\d{4}\s\d{4}$/;
if (!aadharPattern.test(aadharNo)) {
aadharError.textContent = "Aadhar No. must be in the format 1234 5678 9123.";
return false;
}

alert("Form submitted successfully!");

return true;
}
</script>

</body>
</html>

OUTPUT=
DEPARTMENT OF INFORMATION
TECHNOLOGY

Subject: client slide script language Subject Code:

Semester:5th Semester Course: IF5IC
Laboratory No: lab3 Name of Subject Teacher: Yogita Khandagle
Name of Student: Isha Mahendra Nikam Roll Id: 22202C0044

Experiment No: 13
Title of Experiment Write a JavaScript program to design HTML page with books
information in tabular format, use rollovers to display the discount
information.

CODE=

<html>
<head>
<title>Book Store</title>
<style>
table {
width: 70%;
margin: 20px auto;
border-collapse: collapse;
font-family: Arial, sans-serif;
}
th, td {
border: 1px solid #ddd;
padding: 12px;
text-align: left;
}
th {
background-color: #f4f4f4;
}
td {
position: relative;
}
.discount-info {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 180px;
padding: 8px;
background-color: yellow;
border: 1px solid #ddd;
font-size: 14px;
z-index: 10;
}
td:hover .discount-info {
display: block;
}
</style>
</head>
<body>

<h2 style="text-align: center;">Book Information</h2>

<table>
<thead>
<tr>
<th>Book Title</th>
<th>Author</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td onmouseover="showDiscount(this)" onmouseout="hideDiscount(this)">
The Great Gatsby
<div class="discount-info">10% discount on all orders</div>
</td>
<td>F. Scott Fitzgerald</td>
<td>$15.99</td>
</tr>
<tr>
<td onmouseover="showDiscount(this)" onmouseout="hideDiscount(this)">
To Kill a Mockingbird
<div class="discount-info">15% discount for students</div>
</td>
<td>Harper Lee</td>
<td>$12.99</td>
</tr>
<tr>
<td onmouseover="showDiscount(this)" onmouseout="hideDiscount(this)">
1984
<div class="discount-info">20% discount for members</div>
</td>
<td>George Orwell</td>
<td>$18.50</td>
</tr>
<tr>
<td onmouseover="showDiscount(this)" onmouseout="hideDiscount(this)">
Moby Dick
<div class="discount-info">5% discount on bulk orders</div>
</td>
<td>Herman Melville</td>
<td>$14.20</td>
</tr>
</tbody>
</table>

function hideDiscount(element) {
let discountInfo = element.querySelector('.discount-info');
discountInfo.style.display = 'none';
}
</script>
</body>
</html>

OUTPUT=

COMP1521 22T1 - Week 02 Laboratory Sample Solutions
100% (1)
COMP1521 22T1 - Week 02 Laboratory Sample Solutions
17 pages
React Native - Guideline
No ratings yet
React Native - Guideline
3 pages
CSS Practicals 1 To 8
No ratings yet
CSS Practicals 1 To 8
19 pages
Experiment No. 01 Title: - Develop Javascript To Use Decision Making and Looping Statements. D.O.P
No ratings yet
Experiment No. 01 Title: - Develop Javascript To Use Decision Making and Looping Statements. D.O.P
8 pages
Wad Record
No ratings yet
Wad Record
64 pages
Ajp Practical 2
No ratings yet
Ajp Practical 2
7 pages
Javascript Programs
No ratings yet
Javascript Programs
16 pages
Practical No.04
No ratings yet
Practical No.04
8 pages
FSD- Experiment_IX- for II-II-CSE
No ratings yet
FSD- Experiment_IX- for II-II-CSE
22 pages
Js Exercise Programs
100% (1)
Js Exercise Programs
6 pages
javascript_programs for hsc board examination
No ratings yet
javascript_programs for hsc board examination
15 pages
experiment9
No ratings yet
experiment9
7 pages
CSS (22519) Manual
No ratings yet
CSS (22519) Manual
62 pages
CSS_Exp 4_PDF_UPDATED TUESDAY
No ratings yet
CSS_Exp 4_PDF_UPDATED TUESDAY
5 pages
Program For Javascript
No ratings yet
Program For Javascript
10 pages
Javascript Programs
No ratings yet
Javascript Programs
12 pages
CG Unit - I
No ratings yet
CG Unit - I
84 pages
css pract answers
No ratings yet
css pract answers
31 pages
Web Technologies Assignment
No ratings yet
Web Technologies Assignment
26 pages
Assignment 1-CSS (Answers)
No ratings yet
Assignment 1-CSS (Answers)
20 pages
CSS_PR
No ratings yet
CSS_PR
22 pages
Web App. Dev. Security - Lab Manual 3 - JavaScript
No ratings yet
Web App. Dev. Security - Lab Manual 3 - JavaScript
20 pages
Web Programming Lab Manual
No ratings yet
Web Programming Lab Manual
30 pages
WEEK-9
No ratings yet
WEEK-9
21 pages
JS-codes
No ratings yet
JS-codes
4 pages
WP_BHav
No ratings yet
WP_BHav
46 pages
Jsprogram
No ratings yet
Jsprogram
20 pages
Javascript
No ratings yet
Javascript
13 pages
Practical No4
No ratings yet
Practical No4
4 pages
wit5-1
No ratings yet
wit5-1
4 pages
Nme Notes
No ratings yet
Nme Notes
85 pages
fsd_module_9
No ratings yet
fsd_module_9
8 pages
JavaScriptAssignmentIndex-1
No ratings yet
JavaScriptAssignmentIndex-1
11 pages
2361020036_Assign_7
No ratings yet
2361020036_Assign_7
17 pages
maharashtra 12th Board Exam Program
No ratings yet
maharashtra 12th Board Exam Program
24 pages
Css Qna Param
No ratings yet
Css Qna Param
9 pages
Program-1 Write A Javascript That Shows How A Variable'S Type Can Be Changed On-The-Fly
No ratings yet
Program-1 Write A Javascript That Shows How A Variable'S Type Can Be Changed On-The-Fly
53 pages
Bca Wt Assignment Javascript
No ratings yet
Bca Wt Assignment Javascript
17 pages
Program
No ratings yet
Program
7 pages
Lab Programs
No ratings yet
Lab Programs
18 pages
19 MCA0251 Cyclesheet 2
No ratings yet
19 MCA0251 Cyclesheet 2
15 pages
FSP Js Lab Exp - 100105
No ratings yet
FSP Js Lab Exp - 100105
48 pages
CSS PR CODE
No ratings yet
CSS PR CODE
37 pages
CSSX
No ratings yet
CSSX
20 pages
Amruta CSS 1 to 16 Exp
No ratings yet
Amruta CSS 1 to 16 Exp
51 pages
javascript print
No ratings yet
javascript print
22 pages
Multiplication Table
No ratings yet
Multiplication Table
4 pages
lab no 2
No ratings yet
lab no 2
13 pages
WebDesign HTML CSS JS Practical Programs
No ratings yet
WebDesign HTML CSS JS Practical Programs
21 pages
JavaScript-2
No ratings yet
JavaScript-2
45 pages
Web - Asgn 2
0% (1)
Web - Asgn 2
6 pages
Lab Sheet-7
No ratings yet
Lab Sheet-7
5 pages
Web Development WS 2 - Sahul Kumar Parida (20BCS4919)
No ratings yet
Web Development WS 2 - Sahul Kumar Parida (20BCS4919)
32 pages
Web Technology Laboratory: With Mini Project (17CSL77)
No ratings yet
Web Technology Laboratory: With Mini Project (17CSL77)
24 pages
Java Script
No ratings yet
Java Script
10 pages
JavaScript Lab Manual
No ratings yet
JavaScript Lab Manual
9 pages
WP Lab Manual
No ratings yet
WP Lab Manual
43 pages
Javascript Program Converted
No ratings yet
Javascript Program Converted
13 pages
File 5
No ratings yet
File 5
4 pages
awdt Aditya
No ratings yet
awdt Aditya
22 pages
Javascript Lab Manual
100% (1)
Javascript Lab Manual
14 pages
Core Java Programming Book
From Everand
Core Java Programming Book
Manish Soni
No ratings yet
FA2 Prog Tools
No ratings yet
FA2 Prog Tools
16 pages
Đoàn Huỳnh Ngọc TÀI: Objective
No ratings yet
Đoàn Huỳnh Ngọc TÀI: Objective
2 pages
Chapter Two: Programming Fundamentals
No ratings yet
Chapter Two: Programming Fundamentals
43 pages
Chapter 3 MCQ 3 ajp
No ratings yet
Chapter 3 MCQ 3 ajp
7 pages
JL_LOG-2024-11-20-15-27-47
No ratings yet
JL_LOG-2024-11-20-15-27-47
12 pages
Lecture 1
No ratings yet
Lecture 1
44 pages
CS201 Quiz-4 by Vu Topper RM
100% (1)
CS201 Quiz-4 by Vu Topper RM
31 pages
Web Technology IMP Questions
No ratings yet
Web Technology IMP Questions
4 pages
React Handbook
No ratings yet
React Handbook
31 pages
C Programming Interview
No ratings yet
C Programming Interview
47 pages
Hotel Management System in C++
No ratings yet
Hotel Management System in C++
21 pages
C (MCQ+Program)
No ratings yet
C (MCQ+Program)
210 pages
01b. WS Methods Tracing - Global - Local SOL
No ratings yet
01b. WS Methods Tracing - Global - Local SOL
2 pages
Pure Virtual Function and Abstract Class
No ratings yet
Pure Virtual Function and Abstract Class
3 pages
PHP Constants
No ratings yet
PHP Constants
9 pages
Language Translation
No ratings yet
Language Translation
16 pages
Constructors
No ratings yet
Constructors
14 pages
All-Coding-Challenges 1-6
No ratings yet
All-Coding-Challenges 1-6
6 pages
Computer Programing: Unit:6
No ratings yet
Computer Programing: Unit:6
4 pages
Be - Electronics and Telecommunication Engineering - Semester 4 - 2024 - May - Object Oriented Programming Oop Pattern 2019
No ratings yet
Be - Electronics and Telecommunication Engineering - Semester 4 - 2024 - May - Object Oriented Programming Oop Pattern 2019
2 pages
Exception Handling in C++
No ratings yet
Exception Handling in C++
4 pages
Crash 2024 01 10 - 20.40.46 Client
No ratings yet
Crash 2024 01 10 - 20.40.46 Client
2 pages
Project Review
No ratings yet
Project Review
3 pages
ABAP 7.40 Quick Reference - SAP Blogs
No ratings yet
ABAP 7.40 Quick Reference - SAP Blogs
17 pages
2 - POP - OOP - OOPs Concepts
No ratings yet
2 - POP - OOP - OOPs Concepts
8 pages
Chap 02
No ratings yet
Chap 02
17 pages
11 Task Performance in Integrative Programming
No ratings yet
11 Task Performance in Integrative Programming
10 pages
Fatima Jinnah Women University: Task 1
No ratings yet
Fatima Jinnah Women University: Task 1
10 pages

Css Manual

Uploaded by

Css Manual

Uploaded by

DEPARTMENT OF INFORMATION TECHNOLOGY

Subject: client slide script language Subject Code:

Write a javascript program to print the Fibonacci series till 10 number

alert("Your Answer is " + result);

Subject: client slide script language Subject Code:

Write a javascript program to print the Fibonacci series till 10 number

for (let i = 2; i < n; i++) {

// Generate Fibonacci series up to 10 numbers

// Display the Fibonacci series using document.write

for (let i = 0; i < numbers.length; i++) {

Subject: client slide script language Subject Code:

Write a Program to create new array using elements of another array.

// Function to create a new array based on the original array

// Create new array

Subject: client slide script language Subject Code:

// Function to calculate factorial without argument

// Calculate factorial with argument

// Calculate factorial without argument

// Display the results using document.write

Subject: client slide script language Subject Code:

Write a program to remove white space between the string.

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

<title>Remove White Spaces</title>

<h1>Remove White Spaces from Strings</h1>

// Function to remove white spaces from a string

return str.replace(/\s+/g, ''); // Remove all white spaces

const stringWithoutSpaces = removeWhiteSpaces(originalString);

document.write("<p>Original String: \"" + originalString + "\"</p>");

document.write("<p>String Without White Spaces: \"" + stringWithoutSpaces + "\"</p>");

Write a javascript program for changing attributes values dynamically

<h2>Change the attribute value using JavaScript.</h2>

<div id = "fonts">change color of this.</div>

<button onclick = "changeBackground()">change background</button>

let fontsDiv = document.getElementById("fonts");

fontsDiv.style.backgroundColor = 'green'; // change background color of div element

Develop a program for as we enter the firstname and lastname,email is automatically

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

font-family: Arial, sans-serif;

<label for="firstName">First Name:</label>

<input type="text" id="firstName" name="firstName" required>

<label for="lastName">Last Name:</label>

<input type="text" id="lastName" name="lastName" required>

<button type="button" id="generateEmail">Generate Email</button>

Subject: client slide script language Subject Code:

Subject: client slide script language Subject Code:

<h2>Enable/Disable Text Field</h2>

Subject: client slide script language Subject Code:

<input type="text" id="username" name="username" required>

<input type="password" id="password" name="password" required>

event.preventDefault(); // Prevent form submission

var username = document.getElementById("username").value;

var password = document.getElementById("password").value;

document.cookie = "username=" + encodeURIComponent(username) + "; path=/;

document.cookie = "password=" + encodeURIComponent(password) + "; path=/;

Subject: client slide script language Subject Code:

<title>window open and close method</title>

<body style="display: flex;

<div class="container" style="position: relative;

<h1 style="color: rgb(18, 154, 18);">

<h3> window open and close method</h3>

"_blank", "width=400, height=300, top=230, left=540");

Subject: client slide script language Subject Code:

<form id="userForm" onsubmit="return validateForm()">

<label for="userID">User ID (10 characters, starts with a capital letter):</label>

<label for="aadharNo">Aadhar No. (nnnn nnnn nnnn format):</label>

let userIDError = document.getElementById("userIDError");

let userIDPattern = /^[A-Z][A-Za-z0-9]{9}$/;

alert("Form submitted successfully!");

Subject: client slide script language Subject Code:

<h2 style="text-align: center;">Book Information</h2>

You might also like