ASSIGNMENT-7
1. Write JavaScript code to change the contents of a paragraph dynamically by inserting
JavaScript in <head>.
<!DOCTYPE html>
<html>
<head>
<script>
[Link] = function() {
[Link]('para').textContent = 'Content changed!';
};
</script>
</head>
<body>
<p id="para">Original Content</p>
</body>
</html>
Output-
2. Write JavaScript code to change the contents of a paragraph dynamically by inserting
JavaScript in <body>.
<!DOCTYPE html>
<html>
<body>
<p id="para">Original Content</p>
<script>
[Link]('para').textContent = 'Content changed!';
</script>
</body>
</html>
Output-
3. Write JavaScript code to change the contents of a heading dynamically by using external
.js file.
Html-
<!DOCTYPE html>
<html>
<head><script src="[Link]" defer></script></head>
<body>
<h1 id="heading">Original Heading</h1>
</body>
</html>
[Link]-
[Link]('heading').textContent = 'Updated Heading';
Output-
4. Write JavaScript code to display the sum of two numbers using.
a. [Link]()
b. [Link]()
c. innerHTML
d. [Link]()
<!DOCTYPE html>
<html>
<head><script >
let a = 5, b = 3, sum = a + b;
[Link](sum);
[Link](sum);
[Link]('output').innerHTML = sum;
[Link](sum);
</script></head>
<body>
</body>
</html>
Output-
5. Write JavaScript code to change the contents of a paragraph to sum of three numbers.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p id="para"></p>
<script>
let sum = 5 + 3 + 2;
[Link]('para').textContent = `Sum: ${sum}`;
</script>
</body>
</html>
Output-
6. Write JavaScript code to find the largest among three numbers.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let a = 10, b = 20, c = 15;
let largest = [Link](a, b, c);
[Link](largest);
</script>
</body>
</html>
Output-
7. Write JavaScript code to find if a number is prime or not.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let num = 7, isPrime = true;
for (let i = 2; i <= [Link](num); i++) {
if (num % i === 0) isPrime = false;
}
[Link](isPrime ? 'Prime' : 'Not Prime');
</script>
</body>
</html>
Output-
8. Write JavaScript code to add 2 numeric strings, add one number and one numeric strings,
add one numeric string and one number, multiply 2 numeric strings (100,10), subtract 2
numeric strings (100,10), divide 2 numeric strings (100,10) .
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
[Link](+'100' + +'10');
[Link](+'100' + 10);
[Link]('100' * '10');
[Link]('100' - '10');
[Link]('100' / '10');
</script>
</body>
</html>
Output-
9. Write JavaScript code to convert Celsius to Fahrenheit by passing variable to function.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function celsiusToFahrenheit(c) {
return (c * 9) / 5 + 32;
}
[Link](celsiusToFahrenheit(25));
</script>
</body>
</html>
Output-
10. Write JavaScript code to find factorial of a number by passing variable to function.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function factorial(n) {
return n <= 1 ? 1 : n * factorial(n - 1);
}
[Link](factorial(5));
</script>
</body>
</html>
Output
11. Write a JavaScript function that reverse a number.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function reverseNumber(n) {
return Number([Link]().split('').reverse().join(''));
}
[Link](reverseNumber(12345));
</script>
</body>
</html>
Output
12. Write a JavaScript function that accepts a number as a parameter and check the
number is prime or not.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function isPrime(n) {
for (let i = 2; i <= [Link](n); i++) if (n % i === 0) return false;
return n > 1;
}
[Link](isPrime(7));
</script>
</body>
</html>
Output
13. Write a JavaScript function which accepts an argument and returns the type.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function getType(arg) {
return typeof arg;
}
[Link](getType(123));
</script>
</body>
</html>
Output
14. Write a JavaScript function to add 3 numbers by passing parameters.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function add(a, b, c) {
return a + b + c;
}
[Link](add(5, 3, 2));
</script>
</body>
</html>
Output
15. Write a JavaScript function to display the weekday by passing the weekday number
as input.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function getWeekday(n) {
let days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
return days[n];
}
[Link](getWeekday(2));
</script>
</body>
</html>
Output
16. Write a JavaScript function to get the answer through prompt for sum of two numbers
and check if the answer is correct or not. Display an alert message accordingly.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let a = 5, b = 3, sum = a + b;
let userAns = prompt(`What is ${a} + ${b}?`);
alert(userAns == sum ? 'Correct!' : 'Wrong!');
</script>
</body>
</html>
Output
17. Write java script code to take two integer inputs from user and a valid arithmetic
operator. Perform the operation and display the result back to the user.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let a = Number(prompt('Enter first number'));
let b = Number(prompt('Enter second number'));
let op = prompt('Enter operator (+, -, *, /)');
let result = eval(`${a} ${op} ${b}`);
alert(`Result: ${result}`);
</script>
</body>
</html>
Output
18. Write a program using JavaScript to receive four numbers from text boxes and display
biggest, smallest, sum and average of the numbers.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input id="nums" placeholder="Enter 4 numbers comma-separated">
<button onclick="analyze()">Submit</button>
<p id="result"></p>
<script>
function analyze() {
let nums = [Link]('nums').[Link](',').map(Number);
let sum = [Link]((a, b) => a + b);
[Link]('result').textContent = `
Biggest: ${[Link](...nums)}, Smallest: ${[Link](...nums)},
Sum: ${sum}, Average: ${sum / [Link]}`;
}
</script>
</body>
</html>
Output
19. Write a program using JavaScript to design a calculator using form.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calculator</title>
</head>
<body>
<script>
function add(num1, num2) {
return num1 + num2;
}
function subtract(num1, num2) {
return num1 - num2;
}
function multiply(num1, num2) {
return num1 * num2;
}
function divide(num1, num2) {
if(num2 === 0) return undefined;
return num1 / num2;
}
let num1 = 16;
let num2 = 4;
let operation = "*";
let result;
if (operation === "+") {
result = add(num1, num2);
} else if (operation === "-") {
result = subtract(num1, num2);
} else if (operation === "*") {
result = multiply(num1, num2);
} else if (operation === "/") {
result = divide(num1, num2);
} else {
result = "Invalid operation";
}
[Link]("The Result of this operation is : " + result);
</script>
</body>
</html>
Output
20. Write java script code to check a given no is prime or not using function. The output should
look like as follows:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prime Number Checker</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin-top: 50px;
}
h2{
color: #333;
position: relative;
display: inline-block;
margin-bottom: 20px;
}
h2::after {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: red;
margin-top: 10px;
}
input, button {
margin: 10px;
padding: 10px;
font-size: 16px;
}
.result {
margin-top: 20px;
font-weight: bold;
color: #007bff;
}
</style>
</head>
<body>
<h2>To check wheather a given number is Prime or not</h2>
<form onsubmit="checkPrime(); return false;">
<input type="number" id="number" placeholder="Enter a number" required><br>
<button type="submit">Check</button>
</form>
<p class="result" id="result"></p>
<script>
function isPrime(num) {
if (num < 2) return false;
for (let i = 2; i <= [Link](num); i++) {
if (num % i === 0) return false;
}
return true;
}
function checkPrime() {
const num = parseInt([Link]('number').value);
const resultElement = [Link]('result');
if (isNaN(num)) {
[Link] = "Please enter a valid number.";
return;
}
const result = isPrime(num)
? `${num} is a prime number.`
: `${num} is not a prime number.`;
[Link] = result;
}
</script>
</body>
</html>
Output-
