3.
<title>Button Actions</title>
<body>
<button id="prime">Prime</button>
<button id="even-odd">Even/Odd</button>
<button id="prime-factors">Prime Factors</button>
<button id="palindrome">Palindrome</button>
<script>
function isPrime(num) {
if (num <= 1) {
return false;
}
for (let i = 2; i <= [Link](num); i++) {
if (num % i === 0) {
return false;
}return true;}
function primeFactors(num) {
let factors = [];
for (let i = 2; i <= num; i++) {
while (num % i === 0) {
[Link](i);
num /= i;
}} return factors;}
function isEvenOrOdd(num) {
return num % 2 === 0 ? "Even" : "Odd";}
function isPalindrome(str) {
return str === [Link]("").reverse().join("");}
[Link]("prime").addEventListener("click", function() {
let num = parseInt(prompt("Enter a number:"));
if (isPrime(num)) {
alert(num + " is prime.");
} else {
alert(num + " is not prime.");
}
});
[Link]("even-odd").addEventListener("click", function() {
let num = parseInt(prompt("Enter a number:"));
alert(num + " is " + isEvenOrOdd(num) + ".");
});
[Link]("prime-factors").addEventListener("click", function() {
let num = parseInt(prompt("Enter a number:"));
alert("The prime factors of " + num + " are " + primeFactors(num).join(", ") + ".");
});
[Link]("palindrome").addEventListener("click", function() {
let str = prompt("Enter a string:");
if (isPalindrome(str)) {
alert(str + " is a palindrome.");
} else {
alert(str + " is not a palindrome.");} });
</script>
[Link] validateName(name) { let name = "John Doe";
if ([Link] < 2 || [Link] > 20) { let email =
return false;} "johndoe@[Link]";
if (!/^[A-Za-z ]+$/.test(name)) { let password = "Abcdefg1";
return false;} if (validateName(name)) {
return true;} [Link]("Name is valid.");
function validateEmail(email) { } else {
if (!/\S+@\S+\.\S+/.test(email)) { [Link]("Name is not valid.");}
return false;} if (validateEmail(email)) {
return true;} [Link]("Email is valid.");
function validatePassword(password) { } else {
if ([Link] < 8) { [Link]("Email is not valid.");}
return false;} if (validatePassword(password)) {
if (!/(?=.[a-z])(?=.[A-Z])(?=.*\d)/.test(password)) { [Link]("Password is valid.");
return false;} } else {
return true;} [Link]("Password is not
valid.");}
7. <title>Squares of numbers</title>
<body>
<ul>
<li><a href="#" onclick="showSquare(1)">1</a></li>
<li><a href="#" onclick="showSquare(2)">2</a></li>
<li><a href="#" onclick="showSquare(3)">3</a></li>
<li><a href="#" onclick="showSquare(4)">4</a></li>
<li><a href="#" onclick="showSquare(5)">5</a></li>
<li><a href="#" onclick="showSquare(6)">6</a></li>
<li><a href="#" onclick="showSquare(7)">7</a></li>
<li><a href="#" onclick="showSquare(8)">8</a></li>
<li><a href="#" onclick="showSquare(9)">9</a></li>
<li><a href="#" onclick="showSquare(10)">10</a></li>
</ul>
<p id="result"></p>
<script>
function showSquare(num) {
let square = num * num;
[Link]("#result").textContent = "The square of " + num + " is " + square + "."; }
</script>
2 <title>Reverse Case</title>
<script>
function reverseCase() {
var input = [Link]("inputText").value;
var output = "";
for (var i = 0; i < [Link]; i++) {
var char = [Link](i);
if (char === [Link]()) {
output += [Link]();
} else {
output += [Link]();}}
[Link]("outputText").value = output;} }
</script>
<body>
<label for="inputText">Input:</label>
<input type="text" id="inputText"><br><br>
<label for="outputText">Output:</label>
<input type="text" id="outputText"><br><br>
<input type="button" value="Reverse Case" onclick="reverseCase()">
</body>
