23BCE0737
C. Manideep Sai
First:-
<!DOCTYPE html>
<html>
<head>
<title>Substrings and Sum of Digits</title>
</head>
<body>
<h1>Generate Substrings and Sum of Digits</h1>
<input type="text" id="inputString" placeholder="Enter a string with
digits">
<button onclick="processString()">Process</button>
<h2>Substrings:</h2>
<p id="substrings"></p>
<h2>Number of Substrings:</h2>
<p id="substringCount"></p>
<h2>Sum of Digits:</h2>
<p id="sumArray"></p>
<h2>Sorted Sum Array:</h2>
<p id="sortedSumArray"></p>
<script>
function processString() {
const input = [Link]('inputString').value;
const substrings = [];
const sumArray = [];
for (let i = 0; i < [Link]; i++) {
for (let j = i + 1; j <= [Link]; j++) {
const substring = [Link](i, j);
[Link](substring);
const sum = [Link]('').reduce((acc, char) => {
if (!isNaN(char) && char !== ' ') {
return acc + parseInt(char);
return acc;
}, 0);
[Link](sum);
[Link]('substrings').textContent =
[Link](', ');
[Link]('substringCount').textContent =
[Link];
[Link]('sumArray').textContent =
[Link](', ');
const sortedSumArray = [Link]().sort((a, b) => a - b);
[Link]('sortedSumArray').textContent =
[Link](', ');
</script>
</body>
</html>
Second:-
<!DOCTYPE html>
<html>
<head>
<title>Count and Replace Symbols</title>
</head>
<body>
<h1>Count and Replace Special Symbols</h1>
<input type="text" id="inputString" placeholder="Enter a string">
<button onclick="processString()">Process</button>
<h2>Counts:</h2>
<p>Alphabets: <span id="alphabetCount"></span></p>
<p>Digits: <span id="digitCount"></span></p>
<p>Special Symbols: <span id="symbolCount"></span></p>
<h2>Modified String:</h2>
<p id="modifiedString"></p>
<script>
function processString() {
const input = [Link]('inputString').value;
let alphabetCount = 0;
let digitCount = 0;
let symbolCount = 0;
let modifiedString = '';
for (let char of input) {
if (/[a-zA-Z]/.test(char)) {
alphabetCount++;
modifiedString += char;
} else if (/\d/.test(char)) {
digitCount++;
modifiedString += char;
} else if (char === ' ') {
modifiedString += char; // Keep spaces as is
} else {
symbolCount++;
modifiedString += 'SS'; // Replace special symbols with 'SS'
[Link]('alphabetCount').textContent =
alphabetCount;
[Link]('digitCount').textContent = digitCount;
[Link]('symbolCount').textContent =
symbolCount;
[Link]('modifiedString').textContent =
modifiedString;
</script>
</body>
</html>
Third:-
<!DOCTYPE html>
<html>
<head>
<title>Character Count and Case Swap</title>
</head>
<body>
<h1>Character Count and Case Swap</h1>
<input type="text" id="inputString" placeholder="Enter a string">
<button onclick="processString()">Process</button>
<h2>Character Counts:</h2>
<p id="characterCounts"></p>
<h2>Number of Unique Characters:</h2>
<p id="uniqueCount"></p>
<h2>Case Swapped String:</h2>
<p id="caseSwappedString"></p>
<script>
function processString() {
const input = [Link]('inputString').value;
const charCount = {};
let uniqueCount = 0;
let caseSwappedString = '';
for (let char of input) {
if (charCount[char]) {
charCount[char]++;
} else {
charCount[char] = 1;
uniqueCount++;
if (/[a-z]/.test(char)) {
caseSwappedString += [Link]();
} else if (/[A-Z]/.test(char)) {
caseSwappedString += [Link]();
} else {
caseSwappedString += char;
let countsOutput = '';
for (let char in charCount) {
countsOutput += `'${char}': ${charCount[char]}<br>`;
[Link]('characterCounts').innerHTML =
countsOutput;
[Link]('uniqueCount').textContent =
uniqueCount;
[Link]('caseSwappedString').textContent =
caseSwappedString;
</script>
</body>
</html>
Fourth:-
<!DOCTYPE html>
<html>
<head>
<title>Happy Numbers</title>
</head>
<body>
<h1>Happy Numbers Generator</h1>
<label for="start">Starting Number:</label>
<input type="number" id="start" placeholder="Enter starting
number">
<br><br>
<label for="end">Ending Number:</label>
<input type="number" id="end" placeholder="Enter ending number">
<br><br>
<button onclick="findHappyNumbers()">Find Happy
Numbers</button>
<h2>Happy Numbers:</h2>
<p id="happyNumbers"></p>
<script>
function isHappyNumber(n) {
let seen = new Set();
while (n !== 1 && ) {
[Link](n);
n = String(n).split('').reduce((sum, digit) => sum +
[Link](Number(digit), 2), 0);
return n === 1;
function findHappyNumbers() {
const start = parseInt([Link]('start').value);
const end = parseInt([Link]('end').value);
const happyNumbers = [];
for (let i = start; i <= end; i++) {
if (isHappyNumber(i)) {
[Link](i);
[Link]('happyNumbers').textContent =
[Link](', ');
</script>
</body>
</html>
FIFTH:-
<!DOCTYPE html>
<html>
<head>
<title>Text Analysis</title>
</head>
<body>
<h1>Text Analysis</h1>
<textarea id="inputText" rows="10" cols="50" placeholder="Enter
your text here"></textarea>
<br><br>
<button onclick="analyzeText()">Analyze Text</button>
<h2>Analysis Results:</h2>
<p>Consonants: <span id="consonantCount"></span></p>
<p>Vowels: <span id="vowelCount"></span></p>
<p>Spaces: <span id="spaceCount"></span></p>
<p>Words: <span id="wordCount"></span></p>
<p>Special Symbols: <span id="symbolCount"></span></p>
<h2>Array of Strings (Length 5):</h2>
<p id="stringArray"></p>
<script>
function analyzeText() {
const text = [Link]('inputText').value;
let consonantCount = 0;
let vowelCount = 0;
let spaceCount = 0;
let wordCount = 0;
let symbolCount = 0;
const vowels = new Set(['a', 'e', 'i', 'o', 'u']);
const consonants = new
Set('bcdfghjklmnpqrstvwxyzBCDFGHJKLMNPQRSTVWXYZ');
for (let char of text) {
if ([Link]([Link]())) {
vowelCount++;
} else if ([Link](char)) {
consonantCount++;
} else if (char === ' ') {
spaceCount++;
} else if (/[^a-zA-Z0-9\s]/.test(char)) {
symbolCount++;
}
wordCount = [Link](/\s+/).filter(word => [Link] >
0).length;
const words = [Link](/\s+/).filter(word => [Link] > 0);
const stringArray = [];
for (let i = 0; i < [Link]; i++) {
if (words[i].length >= 5) {
[Link](words[i].substring(0, 5));
[Link]('consonantCount').textContent =
consonantCount;
[Link]('vowelCount').textContent =
vowelCount;
[Link]('spaceCount').textContent =
spaceCount;
[Link]('wordCount').textContent = wordCount;
[Link]('symbolCount').textContent =
symbolCount;
[Link]('stringArray').textContent =
[Link](stringArray);
</script>
</body>
</html>
SIXTH:-
<!DOCTYPE html>
<html>
<head>
<title>Swap Nearby Floats</title>
</head>
<body>
<input type="text" id="inputArray" placeholder="Enter comma-
separated floats">
<button onclick="swapElements()">Swap</button>
<p id="output"></p>
<script>
function swapElements() {
let input = [Link]("inputArray").value;
let arr = [Link](",").map(Number);
for (let i = 0; i < [Link] - 1; i += 2) {
[arr[i], arr[i + 1]] = [arr[i + 1], arr[i]];
[Link]("output").innerText = "Swapped Array:
[" + [Link](", ") + "]";
</script>
</body>
</html>
Seventh:-
<!DOCTYPE html>
<html>
<head>
<title>Matrix Symmetry Check</title>
</head>
<body>
<textarea id="inputMatrix" placeholder="Enter matrix row by row,
comma-separated"></textarea>
<button onclick="checkSymmetry()">Check Symmetry</button>
<p id="output"></p>
<script>
function checkSymmetry() {
let input =
[Link]("inputMatrix").[Link]().split("\n").map(row
=> [Link](",").map(Number));
let n = [Link];
for (let i = 0; i < n; i++) {
if (input[i].length !== n) {
[Link]("output").innerText = "Matrix is
not square!";
return;
for (let i = 0; i < n; i++) {
for (let j = 0; j < n; j++) {
if (input[i][j] !== input[j][i]) {
[Link]("output").innerText = "Matrix is
not symmetric";
return;
}
}
[Link]("output").innerText = "Matrix is
symmetric";
</script>
</body>
</html>
Eighth:-
<!DOCTYPE html>
<html>
<head>
<title>Matrix Symmetry Check</title>
</head>
<body>
<h1>Matrix Symmetry Check</h1>
<textarea id="inputMatrix" rows="5" cols="30" placeholder="Enter
matrix row by row, comma-separated"></textarea>
<br><br>
<button onclick="checkSymmetry()">Check Symmetry</button>
<p id="output"></p>
<script>
function checkSymmetry() {
const input =
[Link]("inputMatrix").[Link]();
if (!input) {
[Link]("output").innerText = "Please enter a
matrix.";
return;
let rows = [Link]("\n");
let matrix = [];
let isValid = true;
for (let i = 0; i < [Link]; i++) {
let row = rows[i].split(",");
matrix[i] = [];
for (let j = 0; j < [Link]; j++) {
let num = Number(row[j].trim());
if (isNaN(num)) {
isValid = false;
break;
matrix[i][j] = num;
if (!isValid) break;
if (!isValid) {
[Link]("output").innerText = "Invalid input.
Please enter a valid matrix with numbers.";
return;
const n = [Link];
if () {
[Link]("output").innerText = "Matrix is not
square!";
return;
for (let i = 0; i < n; i++) {
for (let j = 0; j < n; j++) {
if (matrix[i][j] !== matrix[j][i]) {
[Link]("output").innerText = "Matrix is
not symmetric.";
return;
[Link]("output").innerText = "Matrix is
symmetric.";
</script>
</body>
</html>
NINTH:-
<!DOCTYPE html>
<html>
<head>
<title>Age Alert</title>
</head>
<body>
<label for="user1">User 1 Name:</label>
<input type="text" id="user1" placeholder="Enter name"><br>
<label for="dob1">User 1 DOB:</label>
<input type="date" id="dob1"><br>
<label for="user2">User 2 Name:</label>
<input type="text" id="user2" placeholder="Enter name"><br>
<label for="dob2">User 2 DOB:</label>
<input type="date" id="dob2"><br>
<button onclick="checkAge()">Check Age</button>
<script>
function calculateAge(dob) {
let birthDate = new Date(dob);
let diff = [Link]() - [Link]();
let ageDate = new Date(diff);
return [Link]([Link]() - 1970);
function checkAge() {
let name1 = [Link]('user1').value;
let dob1 = [Link]('dob1').value;
let name2 = [Link]('user2').value;
let dob2 = [Link]('dob2').value;
let age1 = calculateAge(dob1);
let age2 = calculateAge(dob2);
let younger, youngerAge, ageDiff;
if (age1 < age2) {
younger = name1;
youngerAge = age1;
ageDiff = age2 - age1;
} else {
younger = name2;
youngerAge = age2;
ageDiff = age1 - age2;
alert(youngerAge + ' - ' + younger + ", you are younger by " +
ageDiff + " years!");
</script>
</body>
</html>
TENTH:-
<!DOCTYPE html>
<html>
<head>
<title>Perfect Squares</title>
</head>
<body>
<label for="start">Start:</label>
<input type="number" id="start">
<label for="end">End:</label>
<input type="number" id="end">
<button onclick="findPerfectSquares()">Generate</button>
<p id="result"></p>
<script>
function findPerfectSquares() {
let start = parseInt([Link]('start').value);
let end = parseInt([Link]('end').value);
let squares = [];
for (let i = [Link]([Link](start)); i <=
[Link]([Link](end)); i++) {
[Link](i * i);
[Link]('result').textContent = [Link](', ');
</script>
</body>
</html>