Skip to content

javascript array program added #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: chitra@work
Choose a base branch
from
Open

javascript array program added #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
65 changes: 65 additions & 0 deletions JSArray.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Javascript Array</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">

<body>
<div class="container">
<form action="">
<div class="form-group mt-2">
<label for="text">Enter First Name:</label>
<input type="text" name="" id="userinput1">
</div>
<div class="form-group mt-2">
<label for="text">Enter Second Name:</label>
<input type="text" name="" id="userinput2">
</div>
<div class="form-group mt-2">
<label for="text">Enter Third Name:</label>
<input type="text" name="" id="userinput3">
</div>
<div class="form-group mt-2">
<label for="text">Enter Fourth Name:</label>
<input type="text" name="" id="userinput4">
</div>
<div class="form-group mt-2">
<label for="text">Enter Fifth Name:</label>
<input type="text" name="" id="userinput5">
</div>

<button type="button" class="btn btn-outline-secondary" onclick="arrayName()">Show Name</button>
</form>
<p class="mt-2"><span id="result"></span></p>
<ul id="nameList">
</ul>
</div>
<script>
function arrayName() {
var a = document.getElementById("userinput1").value;
var b = document.getElementById("userinput2").value;
var c = document.getElementById("userinput3").value;
var d = document.getElementById("userinput4").value;
var e = document.getElementById("userinput5").value;
var namearr = [a, b, c, d, e];
var arr = namearr.join(",");
var list = "";
document.getElementById("result").innerHTML = arr;

namearr.forEach(function (element, i) {
var index = i + 1;
list += "<li>Name " + index + ": " + element + "</li>";
document.getElementById("nameList").innerHTML = list;

});
}

</script>

</body>

</html>
69 changes: 69 additions & 0 deletions JSArray1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Javascript Array</title>
<style>
h4 {
color: cornflowerblue;
}
strong {
color: red;
}

button {
padding: 8px;
border: none;
background-color: rgb(0, 153, 255);
color: white;
font-family: 'Times New Roman', Times, serif;
font-weight: 700;
font-size: 15px;
cursor: pointer;
}
</style>

</head>

<body>
<h1>List of Names with Array Method Join and Sorting</h1>
<h4>Press Start Button and Enter As Many Name For Cancel: <strong>Enter 'X'</strong></h4>
<button type="submit" onclick="namesList()">Start</button>
<p id="nameWithJoin"></p>
<p id="nameAscendingOrder"></p>
<p id="nameDescendingOrder"></p>

<script>
function namesList() {
let nameWithJoin = document.getElementById('nameWithJoin');
let nameAscendingOrder = document.getElementById('nameAscendingOrder');
let nameDescendingOrder = document.getElementById('nameDescendingOrder');

let names = [];

document.querySelector('h4').style.display = 'none';

let flag = true;
while (flag) {
let name = prompt('Enter a Name:');
if (name != 'x' && name != 'X' && name != null) {
names.push(name);
}
else {
flag = false;
}
}

nameWithJoin.innerHTML = `List of Names With Join <q>~</q> are: <b>${names.join('~')}</b>`;
nameAscendingOrder.innerHTML = `List of Names in Ascending Order are:
<b>${names.sort().map((name) => name.toUpperCase())}</b>`;
nameDescendingOrder.innerHTML = `List of Names in Descending Order are:
<b>${names.reverse().map((name) => name.toUpperCase())}</b>`;
}
</script>
</body>

</html>
61 changes: 61 additions & 0 deletions JSArray2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h4 {
color: cornflowerblue;
}

strong {
color: red;
}

button {
padding: 8px;
border: none;
background-color: rgb(0, 153, 255);
color: white;
font-family: 'Times New Roman', Times, serif;
font-weight: 700;
font-size: 15px;
cursor: pointer;
}
</style>
</head>

<body>
<h1>Sum Of Number</h1>
<h4>Press Start Button and Enter Number For Cancel: <strong>Enter 'X'</strong></h4>
<button type="submit" onclick="sumOfNumber()">Start</button>
<p id="total"></p>

<script>
function sumOfNumber() {
let total = document.getElementById('total');

let numbers = [];

document.querySelector('h4').style.display = 'none';

let flag = true;
while (flag) {
let number = prompt('Enter a Number:');
if (number != 'x' && number != 'X' && number != null) {
numbers.push(parseInt(number));
}
else {
flag = false;
}
}

total.innerHTML = `Sum Of Number are ${numbers.join('+')} = <b>${numbers.reduce((sum, number) => sum += number)}</b>`;
}
</script>
</body>

</html>
87 changes: 87 additions & 0 deletions JSArray3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>

<style>
h4 {
color: cornflowerblue;
}

strong {
color: red;
}

button {
padding: 8px;
border: none;
background-color: rgb(0, 153, 255);
color: white;
font-family: 'Times New Roman', Times, serif;
font-weight: 700;
font-size: 15px;
cursor: pointer;
}
</style>

</head>

<body>
<h1>Sum Of Factorial of Number</h1>
<h4>Press Start Button and Enter Number For Cancel: <strong>Enter 'X'</strong></h4>
<button type="submit" onclick="sumOfFactorial()">Start</button>
<p id="total"></p>

<script>
function factorial(number) {
let result = 1;

if (number < 0) {
result = 1
}
else if (number == 0) {
result = 1
}
else {
let i = 1;
while (i <= number) {
result *= i;
i++;
}
result;
}

return result;
}

function sumOfFactorial() {
let total = document.getElementById('total');

let numbersFactorial = [];
let numbers = []

document.querySelector('h4').style.display = 'none';

let flag = true;
while (flag) {
let number = prompt('Enter a Number:');
if (number != 'x' && number != 'X' && number != null) {
let fact = factorial(parseInt(number));
numbers.push(number);
numbersFactorial.push(fact);
}
else {
flag = false;
}
}

total.innerHTML = `Actual Numbers: ${numbers} <br> Sum Of Factorial are ${numbersFactorial.join('+')} = <b>${numbersFactorial.reduce((sum, number) => sum += number)}</b>`;
}
</script>
</body>

</html>
89 changes: 89 additions & 0 deletions JSArray4.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>

<style>
h4 {
color: cornflowerblue;
}

strong {
color: red;
}

button {
padding: 8px;
border: none;
background-color: rgb(0, 153, 255);
color: white;
font-family: 'Times New Roman', Times, serif;
font-weight: 700;
font-size: 15px;
cursor: pointer;
}
</style>
</head>

<body>
<h1>Every Number Factorials In Descending Order</h1>
<h4>Press Start Button and Enter Number For Cancel: <strong>Enter 'X'</strong></h4>
<button type="submit" onclick="sumOfFactorial()">Start</button>
<p id="actualArray"></p>
<p id="descendingOrder"></p>

<script>
function factorial(number) {
let result = 1;

if (number < 0) {
result = 1
}
else if (number == 0) {
result = 1
}
else {
let i = 1;
while (i <= number) {
result *= i;
i++;
}
result;
}

return result;
}

function sumOfFactorial() {
let actualArray = document.getElementById('actualArray');
let descendingOrder = document.getElementById('descendingOrder');

let numbersFactorial = [];
let numbers = [];

document.querySelector('h4').style.display = 'none';

let flag = true;
while (flag) {
let number = prompt('Enter a Number:');
if (number != 'x' && number != 'X' && number != null) {
let fact = factorial(parseInt(number));
numbers.push(number);
numbersFactorial.push(fact);
}
else {
flag = false;
}
}

actualArray.innerHTML = `Actual Number List Without Factorial Is: <b>${numbers.join(", ")}</b>, <br> With Each Factorial is <b>${numbersFactorial.join(", ")}</b>`
descendingOrder.innerHTML = `Descending Order Of Each Number Factorial is: <b>${numbersFactorial.sort(function (a, b) { return b - a }).join(", ")}</b>`;
}
</script>
</body>

</html>