Advanced Web Development 202403103520032

Practical 1

Aim: Write a JavaScript to demonstrate properties and methods of

String reference Type.

// stringDemo.js

// Introduction to String Reference Type in JavaScript console.log("Demonstrating

String Properties and Methods in JavaScript");

// Example of String Properties let exampleString = "Hello, World!";

console.log("Original String: " + exampleString); console.log("Length of

String: " + exampleString.length); // Property: length

// Example of String Methods console.log("Character at index 0: " +

exampleString.charAt(0)); // Method: charAt() console.log("Index of 'World': " +

exampleString.indexOf("World")); // Method: indexOf() console.log("Substring (slice): "

+ exampleString.slice(0, 5)); // Method: slice() console.log("Uppercase: " +

exampleString.toUpperCase()); // Method: toUpperCase() console.log("Lowercase: " +

exampleString.toLowerCase()); // Method: toLowerCase() console.log("Includes 'Hello':

" + exampleString.includes("Hello")); // Method: includes() console.log("Split into array:

" + exampleString.split(", ")); // Method: split()

Output:
Advanced Web Development 202403103520032

Practical 2

Aim: Write a JavaScript to demonstrate properties and methods of Array

Collection Reference Type.

// arrayDemo.js

// Introduction to Array Reference Type in JavaScript console.log("Demonstrating

Array Properties and Methods in JavaScript");

// Example of Array Properties let exampleArray = [1, 2, 3, 4, 5];

console.log("Original Array: " + exampleArray); console.log("Length of

Array: " + exampleArray.length); // Property: length

// Example of Array Methods exampleArray.push(6); //

Method: push() console.log("After push(6): " +

exampleArray); exampleArray.pop(); // Method: pop()

console.log("After pop(): " + exampleArray);

exampleArray.shift(); // Method: shift() console.log("After

shift(): " + exampleArray); exampleArray.unshift(0); //

Method: unshift() console.log("After unshift(0): " +

exampleArray); let slicedArray = exampleArray.slice(1, 3);

// Method: slice() console.log("Sliced Array (1, 3): " +

slicedArray); exampleArray.splice(1, 1, 10); // Method:

splice() console.log("After splice(1, 1, 10): " +

exampleArray);

exampleArray.forEach((element) => console.log("Element: " + element)); // Method:

forEach() let mappedArray = exampleArray.map(x => x * 2); // Method: map()
console.log("Mapped Array (x * 2): " + mappedArray); let filteredArray =
exampleArray.filter(x => x > 2); // Method: filter() console.log("Filtered Array (x > 2):
" + filteredArray);

Output:
Advanced Web Development 202403103520032
Advanced Web Development 202403103520032

Practical 3

Aim: Write a JavaScript to demonstrate properties and methods of Date

reference Type.

// dateDemo.js

// Introduction to Date Reference Type in JavaScript console.log("Demonstrating

Date Properties and Methods in JavaScript");

// Create a new Date object let currentDate

= new Date(); console.log("Current Date: "

+ currentDate);

// Example of Date Methods console.log("Date: " + currentDate.getDate()); //

Method: getDate() console.log("Day of the week (0-6): " + currentDate.getDay());

// Method: getDay() console.log("Full Year: " + currentDate.getFullYear()); //

Method: getFullYear() console.log("Month (0-11): " + currentDate.getMonth()); //

Method: getMonth()

console.log("Time in milliseconds since Jan 1, 1970: " + currentDate.getTime()); //

Method: getTime() // Set new values currentDate.setDate(15); // Method: setDate()

console.log("Updated Date: " + currentDate); currentDate.setFullYear(2025); // Method:

setFullYear() console.log("Updated Year: " + currentDate);

Output:
Advanced Web Development 202403103520032

Practical 4

Aim: Write a JavaScript to create a cart contains items of categories like

groceries, apparels, accessories and gadgets. Each category offers
discounts 10%, 20%, 5% and 50% discounts. Apply discount on the
times present in the cart and generate a Uinal bill. [Hint: Use objects
containing key-value pair]

// shoppingCart.js

// Introduction to Shopping Cart with Discounts

console.log("Shopping Cart with Discounts");

// Define categories with items and their prices

const categories = { groceries: { items:

{ apple: 1.00, bread: 2.00,

milk: 1.50},

discount: 0.10 // 10% discount },

apparels: {

items: { shirt:

20.00, jeans:40.00,

jacket: 60.00 },

discount: 0.20 // 20% discount },

accessories: { items:

{ watch: 100.00,

sunglasses: 50.00 },

discount: 0.05 // 5% discount },

gadgets: {

items: { phone:

500.00, tablet:

300.00 },

discount: 0.50 // 50% discount }};

Advanced Web Development 202403103520032

// Create a cart object to hold selected items

let cart = { groceries: ['apple', 'milk'],

apparels: ['shirt'], accessories: ['watch'],

gadgets: ['phone'] };

// Function to calculate total bill after applying discounts

function calculateTotal(cart) { let total = 0;

for (const category in cart) { if (categories[category]) {

cart[category].forEach(item => { if

(categories[category].items[item]) { const price =

categories[category].items[item]; const discount

= categories[category].discount; const

discountedPrice = price - (price * discount); total

+= discountedPrice; }});}

} return

total; }

// Generate and display the final bill const totalBill =

calculateTotal(cart); console.log("Total Bill after discounts: $"

+ totalBill.toFixed(2));

Output:
Advanced Web Development 202403103520032

Practical 5

Aim: Create a regular expression to find pattern from the given text as
follow:
1) All the words starting with 'A'.
2) All the words starting with consonants.

// regexPatterns.js

// Sample text to search for patterns

const sampleText = "Apples are amazing. Bananas are better than apples. Aardvark is an
animal.";

// Regular expression to find all words starting with 'A' const

wordsStartingWithA = sampleText.match(/\bA\w*/g);

console.log("Words starting with 'A':", wordsStartingWithA); //

Regular expression to find all words starting with consonants

const wordsStartingWithConsonants =
sampleText.match(/\b[BCDFGHJKLMNPQRSTVWXYZ]\w*/g);
console.log("Words starting with consonants:", wordsStartingWithConsonants);

Output:
Advanced Web Development 202403103520084

Practical 6
Aim: Take input from user through prompt box and store it in an array.
Print the Uibonacci series till the indexed number in the array.

// fibonacciSeries.js

// Function to generate Fibonacci series up to n

function fibonacci(n) { let fibSeries = [0, 1];

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

fibSeries[i - 1] + fibSeries[i - 2];

return fibSeries.slice(0, n);

// Taking input from the user through readline

const readline = require('readline'); const rl =

readline.createInterface({ input:

process.stdin, output: process.stdout

});

rl.question("Enter the number of terms for Fibonacci series (comma-separated): ",

(userInput) => { let inputArray = userInput.split(',').map(Number); // Convert input to an

array of numbers

// Print Fibonacci series for each indexed number in the array

inputArray.forEach(index => { console.log(`Fibonacci series up to

index ${index}:`, fibonacci(index)); });

rl.close(); // Close the readline interface

Advanced Web Development 202403103520132

});

Output:
Advanced Web Development 202403103520084

Practical 7

Aim:Take input from user through prompt box and store it in an array.
Calculate the Factorial of each number present in the array using
iterative method of array and generate the resultant array of factorial
Values.

// factorialCalculator.js

// Function to calculate factorial iteratively

function factorialIterative(n) { let result

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

result *= i;

return result;

// Function to calculate factorial recursively

function factorialRecursive(n) { if (n ===

0 || n === 1) { return 1;

return n * factorialRecursive(n - 1);

// Taking input from the user through readline

const readline = require('readline'); const rl =

readline.createInterface({ input:

process.stdin, output: process.stdout

});

rl.question("Enter numbers to calculate factorial (comma-separated): ", (userInput) => {

let inputArray = userInput.split(',').map(Number); // Convert input to an array of numbers

Advanced Web Development 202403103520132

// Calculate factorial for each number using iterative method let

factorialsIterative = inputArray.map(num => factorialIterative(num));

console.log("Factorials (Iterative):", factorialsIterative); // Calculate

factorial for each number using recursive method let factorialsRecursive =

inputArray.map(num => factorialRecursive(num)); console.log("Factorials

(Recursive):", factorialsRecursive); rl.close(); // Close the readline

interface

});

Output:
Advanced Web Development 202403103520084

Practical 8

Aim:a) Write a demonstrative JavaScript for i) Function

methods,ii)Function internals
b) Write a JavaScript to implement function overloading using function
internals

// functionDemonstration.js

// Demonstrating Function Methods // Function

to demonstrate 'call' method function

greet(greeting) { console.log(`${greeting},

${this.name}`); const person = { name: 'Alice'

}; greet.call(person, 'Hello'); // Output: Hello,

Alice // Function to demonstrate 'apply' method

function sum(a, b) { return a + b;

const numbers = [5, 10]; console.log("Sum using apply:", sum.apply(null, numbers)); //

Output: Sum using apply: 15

// Function to demonstrate 'bind' method

function multiply(factor) { return

this.value * factor;

const obj = { value: 10 }; const multiplyByTwo = multiply.bind(obj, 2);

console.log("Multiply using bind:", multiplyByTwo()); // Output: Multiply using bind:

20

// Demonstrating Function Internals

// Example of closure

function makeCounter() {
Advanced Web Development 202403103520132

let count = 0; return

function() {

count++; return

count;

};

const counter = makeCounter(); console.log("Counter:",

counter()); // Output: Counter: 1 console.log("Counter:",

counter()); // Output: Counter: 2

// Example of 'arguments' object function

showArguments() {

console.log("Arguments:", arguments);

Output:
Advanced Web Development 202403103520084

Practical 9

Aim:Write a demonstrative JavaScript for i) Map, wekamap and Set, ii)

Function Closure, and iii) Typed array with ArrayBuffers.

// advancedDemonstration.js

// Demonstrating Map, WeakMap, and Set

// Map example const map = new Map(); map.set(‘name’,

‘Alice’); map.set(‘age’, 30); console.log(“Map:”, map);

console.log(“Name from Map:”, map.get(‘name’)); // Output: Alice

// WeakMap example const

weakMap = new WeakMap();

let obj = {}; weakMap.set(obj, ‘This is a weak map entry’);

console.log(“WeakMap:”, weakMap.get(obj)); // Output: This is a weak map entry

// Set example const set = new Set();

set.add(1); set.add(2); set.add(2); // Duplicate

value, will not be added console.log(“Set:”,

set); // Output: Set: { 1, 2 }

// Demonstrating Function Closure

function createCounter() { let

count = 0; return function() {

count++;

return count;

};

const counter = createCounter(); console.log(“Counter:”, counter()); //

Output: Counter: 1 console.log(“Counter:”, counter()); // Output: Counter: 2

Advanced Web Development 202403103520132

// Demonstrating Typed Arrays with ArrayBuffers const buffer = new

ArrayBuffer(16); // Create a buffer of 16 bytes const int32View = new

Int32Array(buffer); // Create a view for 32-bit integers int32View[0] = 42;

int32View[1] = 84;

console.log(“Typed Array (Int32Array):”, int32View); // Output: Typed Array (Int32Array):

Int32Array(4) [ 42, 84, 0, 0 ]

Output:
Advanced Web Development 202403103520084

Practical 10

Aim:a) Write a JavaScript to list the properties of an object using iterator

and generator.
b) Write a JavaScript to delete the name property and change the
sclass property value from the following object. Also print the object
before and after the said operations. [Hint: Use data properties of a
JavaScript object.]
c) Write a JavaScript to update the rollno property value based
on the scalss value. Perform this using accessor property of a
JavaScript object. [Hint: for sclass: VI, the rollno is 12. If the sclass:
V, the rollno should be 13.] Sample object:
let student = { name : "David Rayy", sclass : "VI", rollno : 12 };

// objectManipulation.js // Sample object let student = { name:

"David Rayy", sclass: "VI", rollno: 12 }; // a) Listing properties

of an object using iterator and generator function*

objectProperties(obj) { for (let key in obj) { yield key;

const iterator = objectProperties(student);

console.log("Properties of the student object:");

for (let prop of iterator) { console.log(prop);

// b) Deleting the name property and changing the sclass property value

console.log("Before operations:", student); delete

student.name; // Deleting the name property

student.sclass = "V"; // Changing the sclass property value

console.log("After operations:", student);

Advanced Web Development 202403103520132

// c) Updating the rollno property value based on the sclass value

Object.defineProperty(student, 'rollno', { get: function() { return

this.sclass === "VI" ? 12 : this.sclass === "V" ? 13 : undefined;

},

set: function(value) { console.log("Cannot set rollno directly. Use

sclass to update rollno.");

});

// Testing the accessor property console.log("Updated rollno based on

sclass:", student.rollno); // Output: 13 student.sclass = "VI"; // Changing

sclass to VI console.log("Updated rollno based on sclass:", student.rollno);

// Output: 12

Output: