Q1.
Write a code snippet in javaScript to swap values of
two numbers. (2 ways)
Code:
<html>
<head>
<title>swap method 1</title>
</head>
<body>
<script>
var a=5;
var b=10;
document.write("before swap: a =", a, ",b =", b);
var temp = a;
a=b;
b=temp;
document.write("After swap: a =", a, ",b =", b);
</script>
</body> </html>
Output:
<html>
<head>
<title>swap method 2.</title>
</head>
<body>
<script>
var a=5;
var b=10;
document.write("before swap: a=", a,",b=",b);
[a,b] = [b,a];
document.write("After swap: a=", a,",b=",b);
</script>
</body></html>
Output: same
Q2. Write a code snipped in javascript which input 2
numbers and display the square of largest number
among them. (using ternary operator)
Code:
<html>
<head><title>Q2</title>
</head>
<body>
<script>
var num1= parseInt(prompt("enter first number"));
var num2= parseInt(prompt("enter second number"));
let squareOfLargest = (num1 > num2 ? num1 : num2)**2;
document.write("the square of the largest number is:",
squareOfLargest);
</script>
</body>
</html>
Input:
Enter first number: 6
Enter second number 7
Output:
Q3. Write a code snipped in javascript which input an
alphabet and check whether it is a vowel or not.
Code:
<html>
<head><title>Q3</title>
</head>
<body>
<script>
var alphabet=parseInt(prompt("enter a vowel"));
switch(alphabet) {
case"a":
case"e":
case"i":
case"o":
case"u":
document.write(alphabet+ "is a vowel.");
break;
default:
document.write(alphabet+"is not a vowel.");
}
</script>
</body>
</html>
Output:
Q4. write a menu driven code in javascript used to
calculate the area of square , triangle and cuboid.(use
switch case)
Code:
<html>
<head><title>Q4</title>
</head>
<body>
<script>
function calculateArea() {
var choice = parseInt(prompt("Choose an option to
calculate the area:\n1. Square\n2. Triangle\n3. Cuboid"));
switch (choice) {
case 1:
var side = parseFloat(prompt("Enter the length of
the side of the square:"));
var areaSquare = side * side;
document.write("The area of the square is:",
areaSquare);
break;
case 2:
var base = parseFloat(prompt("Enter the base of
the triangle:"));
var height = parseFloat(prompt("Enter the height
of the triangle:"));
var areaTriangle = 0.5 * base * height;
document.write("The area of the triangle is:",
areaTriangle);
break;
case 3:
var length = parseFloat(prompt("Enter the length
of the cuboid:"));
var width = parseFloat(prompt("Enter the width of
the cuboid:"));
var heightCuboid = parseFloat(prompt("Enter the
height of the cuboid:"));
var areaCuboid = 2 * (length * width + width *
heightCuboid + heightCuboid * length);
document.write("The surface area of the cuboid
is:", areaCuboid);
break;
default:
document.write("Invalid choice. Please select a
valid option.");
}
}
calculateArea();
</script>
</body>
</html>
Input:
Choose an option: 1(square)
Enter the side of the square:25
Output:
Q5.write a code snipped in javascript which input
quantity and price of an item. Calculate the net amount
which is after deducting discount from total . discount is
15% of total . total amount is quantity*price.
Code:
<html>
<head><title>Q5</title>
</head>
<body>
<script>
var quantity = parseInt(prompt("Enter the quantity of the
item:"));
var price = parseInt(prompt("Enter the price of the
item:"));
var totalAmount = quantity * price;
var discount = 0.15 * totalAmount;
var netAmount = totalAmount - discount
document.write("Total Amount: " + totalAmount +
"<br>");
document.write("Discount (15%): " + discount + "<br>");
document.write("Net Amount after Discount: " +
netAmount);
</script>
</body>
</html>
input:
Enter the quantity of the item: 50
Enter the price of the item :100
Output:
Q6.write a code snipped in javascript which input basic
salary of an employ and calculate the gross salary which
is basic +HRA+DA. Where HRA and DA is to be calculate
on following basis:
BASIC HRA(% OF BASIC) DA(% OF BASIC)
<=15000 5% 7%
>15000 10% 15%
Code:
<html>
<head><title>Q6</title>
</head>
<body>
<script>
var basicSalary = parseInt(prompt("Enter the basic salary
of the employee:"));
var hraPercentage = basicSalary <= 15000 ? 0.05 : 0.10;
var daPercentage = basicSalary <= 15000 ? 0.07 : 0.15;
var hra = basicSalary * hraPercentage;
var da = basicSalary * daPercentage;
var grossSalary = basicSalary + hra + da;
document.write("Basic Salary: " + basicSalary + "<br>");
document.write("HRA: " + hra + "<br>");
document.write("DA: " + da + "<br>");
document.write("Gross Salary: " + grossSalary);
</script>
</body>
</html>
Input:
Enter the basic salary: 13000
Output:
Q7.write a code snippet in javascript to print Fibonacci
series.
Code:
<html>
<head><title>Q7</title>
</head>
<body>
<script>
var n;
var i,c;
var a=0;
var b=1;
n=parseInt(prompt("enter a number"));
for(i=1; i<=n; i++)
{
c=a+b;
a=b;
b=c;
document.write(c);
}
</script>
</body>
</html>
Input:
Enter a number :7
Output:
Q8.write a code snippet in javascript to print factorial of a
number.
Code:
<html>
<head><title>Q8</title>
</head>
<script>
var n=parseInt(prompt("enter a number"));
var p=1;
var i;
for (i=n;i>=1;i--)
{
p=p*i;
}
document.write("the factorial is"+n);
</script>
</body>
</html>
Output:
Q9.write a code snippet in javascript to check whether
number is prime or not.
Code:
<html>
<head><title>Q9</title>
</head>
<body>
<script>
var n = parseInt(prompt("Enter a number to check if it is
prime:"));
var i;
for (i = 2; i <= n - 1; i++) {
if (n % i === 0) {
document.write("It is not a prime number");
break;
} else {
document.write("It is a prime number");
}
}
</script>
</body>
</html>
Input:
Enter the number: 8
Output:
Q10.write a javascript program for a text in a string and
return the text if found using match().
Code:
<html>
<head><title>q10</title></head>
<body>
<script>
</body>
</html>
Output:
Q11. Write a code snippet in javascript to display an array
of size 6. After displaying the array remove the last
element.
Code:
<html>
<head>
<title>Q11</title>
</head>
<body>
<script>
const number=[10, 20, 30, 40, 50, 60];
document.write("Original array:", number +"<br>");
number.pop();
document.write("Array after removing the last
element:",number);
</script>
</body>
</html>
Output:
Q12. Write a function which accepts array as a parameter
and sorts that array of integers in ascending order using
the sort method.
Code:
<html>
<head>
<title>Q12</title>
</head>
<body>
<script>
function sortArray(arr){
arr.sort(function(a,b){
return a-b;
});
document.write("sorted array in ascending order."+ arr);
}
const number=["6","0","9","4","3","8"];
sortArray(number);
</script>
</body>
</html>
Output:
Q13.write a function that takes two numbers as
parameters and returns their sum. Test your function
with different input values.
Code:
<html>
<head>
<title>Q13</title>
</head>
<body>
<script>
function addNumbers(num1,num2)
{
return num1+num2;
}
document.write("sum of 5 and
3:",addNumbers(5,3)+"<br>");
document.write("sum of 10 and
15:",addNumbers(10,15)+"<br>");
document.write("sum of 4 and
6:",addNumbers(4,6)+"<br>");
document.write("sum of 0 and
0:",addNumbers(0,0)+"<br>");
</script>
</body>
</html>
Output:
Q14.write a program with 2 function to find simple or
compound interest depending on user input also take
user input for principal ,rate and time.
Simple interest: (P*R*T)/100
Compound interest: A=P(1+r/100)t.
Code:
<html>
<head>
<title>Q14</title>
</head>
<body>
<script>
function calculateSimpleInterest(principal, rate, time) {
return (principal * rate * time) / 100;
}
function calculateCompoundInterest(principal, rate, time)
{
return principal * Math.pow((1 + rate/100), time);
}
function getUserInputs() {
const principal = parseInt(prompt("Enter the principal
amount:"));
const rate = parseInt(prompt("Enter the rate of interest
(in %):"));
const time = parseInt(prompt("Enter the time
period:"));
const interestType = prompt("Enter the type of interest
(simple/compound):").toLowerCase();
if (interestType === "simple") {
alert("The simple interest is: " +
calculateSimpleInterest(principal, rate, time));
} else if (interestType === "compound") {
alert("The compound interest is: " +
calculateCompoundInterest(principal, rate, time));
} else {
alert("Invalid interest type entered. Please choose
either 'simple' or 'compound'.");
}
}
getUserInputs();
</script>
</body>
</html>
Input:
Enter the principal amount:50
Enter the rate of interest(in%): 60%
Enter the time period : 2hours
Enter the type of interest (simple/compound):simple.
Output:
Q15.write a javaScript code to sort an array.
Code:
<html>
<head>
<title>Q15</title>
</head>
<body>
<script>
const number=["0","6","9","4","7"];
var a= number.sort();
document.write(a);
</script>
</body>
</html>
Output:
Q16.write a program where function MyFunc() it takes
the user name and display a message “Hello username
welcome to this page”.
Code:
<html>
<head>
<title>Q16</title>
<script type="text/javascript">
function MyFunc() {
var userName =
document.getElementById("username").value;
document.getElementById("message").innerHTML =
"Hello " + userName + ", welcome to this page!";
}
</script>
</head>
<body>
<h2>Enter your name:</h2>
<input type="text" id="username" placeholder="Enter
your name">
<button onclick="MyFunc()">Submit</button>
<p id="message"></p>
</body>
</html>
Output:
Q17.write a code to generate the following output:
S
Se
Seni Senio
Senior.
Code:
<html>
<head><title>Q17</title>
</head>
<body>
<script>
let word="Senior".split("");
let result="";
for (let i=1; i<=word.length; i++){
let sliced = word.slice(0,i);
result += sliced.join("")+" ";
}
document.write(result);
</script>
</body>
</html>
Output:
Q18. write a program with function to find the smallest
out of 3 numbers.
Code:
<html>
<head><title>Q18</title>
</head>
<script>
function findSmallest(a,b,c)
{
if(a<=b && a<=c) return a;
if(b<=a && b<=c) return b;
return c;
}
let num1 = prompt("enter first number");
let num2 = prompt("enter second number");
let num3 = prompt("enter third number");
let smallest = findSmallest(parseInt(num1),
parseInt(num2),parseInt(num3));
document.write("smallest number."+smallest);
</script>
</html>
Input:
Enter first number:10
Enter first number:5
Enter first number:15
Output:
Q19.write a javascript code to insert a new element in an
array.
Code:
<html>
<head><title>Q19</title>
</head>
<script>
function findSmallest(a,b,c)
{
if(a<=b && a<=c) return a;
if(b<=a && b<=c) return b;
return c;
}
let num1 = prompt("enter first number");
let num2 = prompt("enter second number");
let num3 = prompt("enter third number");
let smallest = findSmallest(parseInt(num1),
parseInt(num2),parseInt(num3));
document.write("smallest number."+smallest);
</script>
</html>
Output:
Q20. Write a program with a function to take user input
in kilograms and convert it to grams.[1 kilogram =100
grams]
Code:
<html>
<head><title>Q20</title>
</head>
<script>
let kg= prompt("enter weight in kilograms.");
let grams= kg*1000;
alert(kg +"kilograms is equal to"+grams+ "grams.");
</script>
</html>
Input:
Enter weight in kilograms: 8
Output:
Q21.write a program with function sortnum() to sort 3
numbers in asending order.
Code:
<html>
<head><title>Q21</title>
</head>
<script>
function sortnum(a,b,c){
if(a>b){
[a,b]=[b,a];
}
if(a>c){
[a,c]=[c,a];
}
if(b>c){
[b,c]=[c,b];
}
return[a,b,c];
}
let num1= prompt("enter first number");
let num2= prompt("enter second number");
let num3= prompt("enter third number");
let sortedNums =
sortnum(parseInt(num1),parseInt(num2),parseInt(num3)
);
document.write("sorted numbers:" + sortedNums);
</script>
</html>
Input:
Enter first number=9
Enter second number=1
Enter third number=5
Output:
Q22.write a code snippet in javascript that shows the
usage of join(), pop(), slice(), splice(), unshift(), method.
Code:
<html>
<head><title>Q22</title>
</head>
<script>
const colors=["Red","green","blue","yellow"];
document.write("original array:",colors);
//join()
document.write("JOIN:",colors.join());
//pop()
colors.pop();
document.write("POP:",colors);
//slice()
let newcolors=colors.slice(1);
document.write("SLICE:",newcolors);
//splice()
colors.splice(1,0,"purple");
document.write("SPLICE:",colors);
//unshift()
colors.unshift("orange");
document.write("UNSHIFT:",colors);
</script>
</html>
Output:
Q23.write a code snippet in javascript that generates a
random number between a specified range using the
math.random() method. Also write the code to show the
usage of math() and math.min().
Code:
<html>
<head><title>Q23</title>
</head>
<script>
let randomNumber = Math.floor(Math.random()*100)+1;
document.write("Random number.",randomNumber);
//math()
document.write("ceilling of 4.7",Math.ceil(4.7));
document.write("floor of 4.7",Math.floor(4.7));
document.write("Round of 4.7",Math.round(4.7));
//math min()
let numbers = [12,5,8,20,3];
document.write("smallest Number.",
Math.min(...numbers));
function getRandomNumber(min,max){
return Math.floor(Math.random()*(max-min+1))+min;
}
let min = 50;
let max = 150;
document.write ("Random Number between", min,
"and",max,":",getRandomNumber(min,max));
</script>
</html>
Output:
Q24.using a button call a function pytha() and takes the
input for the sides then check whether a number is a
pythagorean triplet or not.
Hint: pythagorean triplet are a2+b2=c2 where a , b and c
are the three positive integers.
Code:
<html>
<head>
<title>Q24.Pythagorean Triplet Checker</title>
</head>
<body>
<h2>Pythagorean Triplet Checker</h2>
<input id="side1" type="number" placeholder="Side 1">
<input id="side2" type="number" placeholder="Side 2">
<input id="side3" type="number" placeholder="Side 3">
<button onclick="pytha()">Check</button>
<p id="result"></p>
<script>
function pytha() {
let a =
parseInt(document.getElementById("side1").value);
let b =
parseInt(document.getElementById("side2").value);
let c =
parseInt(document.getElementById("side3").value);
if (a*a + b*b == c*c) {
document.getElementById("result").innerHTML = "Yes,
it's a Pythagorean triplet!";
} else if (b*b + c*c == a*a) {
document.getElementById("result").innerHTML = "Yes,
it's a Pythagorean triplet!";
} else if (a*a + c*c == b*b) {
document.getElementById("result").innerHTML = "Yes,
it's a Pythagorean triplet!";
} else {
document.getElementById("result").innerHTML = "No,
it's not a Pythagorean triplet.";
}
}
</script>
</body>
</html>
Input:
Side1: 3
Side2: 4
Side3: 5
Output:
Q25.Declare a function “stringjava” in javascript to accept
two strings arguments. The function should :
• Convert both the strings to lowercase
• Search for string1 in string2 and display the string if
found.
• Replace all occurrences of letter “I” with “!” in
string2.
• Display first character of string1.
Code:
<html>
<head><title>Q25.JavaScript String Function</title>
</head>
<body>
<h2>JavaScript String Function</h2>
<input id="str1" type="text" placeholder="Enter String
1">
<input id="str2" type="text" placeholder="Enter String
2">
<button onclick="stringjava()">Run Function</button>
<div id="result"></div>
<script>
function stringjava() {
let str1 = document.getElementById("str1").value;
let str2 = document.getElementById("str2").value;
// Convert to lowercase
str1 = str1.toLowerCase();
str2 = str2.toLowerCase();
let result = "";
// Search for str1 in str2
if (str2.includes(str1)) {
result += str1 + " found in String 2<br>";
} else {
result += str1 + " not found in String 2<br>";
}
// Replace "i" with "!" in str2
str2 = str2.replace(/i/g, "!");
result += "Modified String 2: " + str2 + "<br>";
// Display first character of str1
result += "First character of String 1: " + str1[0];
document.getElementById("result").innerHTML = result;
}
</script>
</body>
</html>
Input:
Enter string1: “hello”
Enter string2: "this is hello world"
Output:
Q26 .Consider the following code:
Var cars=[“Honda”,” “BMW”, “Audi”, “porsche”];
Write command in javascript to:
• Add an item “volvo” to the array cars in the last.
• Remove first element from the array.
• Add following array to an array “cars”
Var person=[“ranjan”,”yagya”, “munish”];
Code:
<html>
<head><title>Q26.</title>
</head>
<body>
<script>
const cars=["Honda","BMW","Audi","porsche"];
document.write("Original array:<br>",cars);
{
cars.push("volvo");
document.write("<br>a)Adding volvo in the
array:<br>",cars);
}
{
cars.shift();
document.write("<br>b)After removing first element
from the array:<br>",cars);
}
</script>
</body>
</html>
Output:
Q27. Consider the string “life is Beautiful”. Write a
function “mystring” that performs the following tasks:
• Display the length of the string
• Display the string after replacing space “” in the
string with “*”
• Find the position of the first occurrence of “if” and
display it.
code:
<html>
<head>
<title>Q27.JavaScript String Function</title>
</head>
<body>
<h2>JavaScript String Function</h2>
<input id="str" type="text" value="life is beautiful">
<button onclick="mystring()">Run Function</button>
<div id="result"></div>
<script>
function mystring() {
let str = document.getElementById("str").value;
// a) Display the length of the string
let length = str.length;
let result = "String: " + str + "<br>";
result += "Length of the string: " + length + "<br>";
// b) Display the string after replacing space with "*"
let replacedStr = str.replace(/ /g, "*");
result += "String after replacing space with '*': " +
replacedStr + "<br>";
// c) Find the position of the first occurrence of "if"
let position = str.indexOf("if");
result += "Position of the first occurrence of 'if': " +
position;
document.getElementById("result").innerHTML =
result;
}
</script>
</body>
</html>
Input:
Enter string: life is beautiful
Output:
Q28.write a function :
• To find the value of a number raised power another
number using Math object method
• To find the sqrt of a numbering using Math object
method.
Code:
<html>
<head><title>Q28.JavaScript Math Functions</title>
</head>
<body>
<h2>JavaScript Math Functions</h2>
<input id="base" type="number"
placeholder="Base">
<input id="exponent" type="number"
placeholder="Exponent">
<button onclick="power()">Calculate
Power</button>
<div id="powerResult"></div>
<input id="number" type="number"
placeholder="Number">
<button onclick="sqrt()">Calculate Square
Root</button>
<div id="sqrtResult"></div>
<script>
// Function to find the value of a number raised to
the power of another number
function power() {
let base = document.getElementById("base").value;
let exponent =
document.getElementById("exponent").value;
let result = Math.pow(base, exponent);
document.getElementById("powerResult").innerHT
ML = base + " raised to the power of " + exponent + "
is: " + result;
}
// Function to find the square root of a number
function sqrt() {
let number =
document.getElementById("number").value;
let result = Math.sqrt(number);
document.getElementById("sqrtResult").innerHTML
= "Square root of " + number + " is: " + result;
}
</script>
</body>
</html>
Input:
Base:2
Exponent:3
Number:16
Output:
Q29. Write a program with a function called through a
button to ask user age if the age is greater than 18,
display the message “you are eligible”.
Code:
html>
<head>
<title>Q29.Age Eligibility Checker</title>
</head>
<body>
<h2>Age Eligibility Checker</h2>
<input id="age" type="number" placeholder="Enter your
age">
<button onclick="checkEligibility()">Check
Eligibility</button>
<div id="result"></div>
<script>
function checkEligibility() {
let age = document.getElementById("age").value;
if (age >= 18) {
document.getElementById("result").innerHTML = "You
are eligible!";
} else if (age < 18 && age >= 0) {
document.getElementById("result").innerHTML = "You
are not eligible. You must be 18 or older.";
} else {
document.getElementById("result").innerHTML =
"Invalid age. Please enter a valid number.";
}
}
</script>
</body>
</html>
Input:
Enter your age:18;
Output:
Q30. Write a program to display an alert box with the
message “welcome to the website” when the webpage is
first loaded.
Code:
<html>
<head>
<title>Q30.Welcome Alert</title>
</head>
<body>
<script>
// Display alert box when webpage loads
window.onload = function() {
alert("Welcome to the website!");
}
</script>
</body>
</html>
Output:
Q31.write a program to display an alert box with the
message “you pressed the key” when a key is pressed.
Code:
<html>
<head>
<title>Q31.Key Press Alert</title>
</head>
<body>
<h1>Press any key</h1>
<script>
document.addEventListener("keydown", function(event)
{
alert("You pressed the"+ event.key + "key!");
});
</script>
</body>
</html>
Output:
