Scribd
Upload
16 views22 pages

IP Codes

Uploaded by

dumacc000.111
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
16 views22 pages

IP Codes

Uploaded by

dumacc000.111
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 22

1.

#> Write a JavaScript to check if the password and confirm password are the
same or not.
<!DOCTYPE html>
<html>
<head>
<title>Check Password</title>
<script>
function checkPassword() {
const password = document.getElementById("password").value;
const confirmPassword = document.getElementById("confirmPassword").value;
if (password === confirmPassword) {
alert("Passwords match!");
} else {
alert("Passwords do not match!");
}
}
</script>
</head>
<body>
<form onsubmit="event.preventDefault(); checkPassword();">
<label for="password">Password:</label>
<input type="password" id="password" required><br>
<label for="confirmPassword">Confirm Password:</label>
<input type="password" id="confirmPassword" required><br>
<button type="submit">Submit</button>
</form>
</body>
</html>
2. #> Write a JavaScript that reads ten numbers and displays the count of
negative numbers, the count of positive numbers, and the count of zero from
the list.
<!DOCTYPE html>
<html>
<head>
<title>Count Numbers</title>
<script>
function countNumbers() {
const numbers = prompt("Enter 10 numbers separated by spaces:")
.split(" ").map(Number);
let positive = 0, negative = 0, zero = 0;

numbers.forEach(num => {
if (num > 0) positive++;
else if (num < 0) negative++;
else zero++;
});

alert(`Positive: ${positive}, Negative: ${negative}, Zero: ${zero}`);


}
</script>
</head>
<body>
<button onclick="countNumbers()">Enter Numbers</button>
</body>
</html>
3. #> Write code to process online Alumni information for your college. Create
forms to get name, address, date of birth, and email ID. Validate the
following using JavaScript:
a. All fields are filled before form submission.
b. Email ID contains "@" and ".".
c. Age validation using DOB (>=22 years).
<!DOCTYPE html>
<html>
<head>
<title>Alumni Information</title>
<script>
function validateForm() {
const name = document.getElementById("name").value;
const address = document.getElementById("address").value;
const dob = new Date(document.getElementById("dob").value);
const email = document.getElementById("email").value;

if (!name || !address || !dob || !email) {


alert("All fields must be filled out!");
return false;
}

if (!email.includes("@") || !email.includes(".")) {
alert("Enter a valid email address!");
return false;
}

const age = new Date().getFullYear() - dob.getFullYear();


if (age < 22) {
alert("Age must be 22 or older!");
return false;
}

alert("Form submitted successfully!");


return true;
}
</script>
</head>
<body>
<form onsubmit="return validateForm();">
<label for="name">Name:</label>
<input type="text" id="name" required><br>
<label for="address">Address:</label>
<input type="text" id="address" required><br>
<label for="dob">Date of Birth:</label>
<input type="date" id="dob" required><br>
<label for="email">Email:</label>
<input type="email" id="email" required><br>
<button type="submit">Submit</button>
</form>
</body>
</html>
4. #> Write a JavaScript code to accept a name and password from a user and
validate:
a. Name should not be empty.
b. Password should not be less than 6 characters.
<!DOCTYPE html>
<html>
<head>
<title>Validate Name and Password</title>
<script>
function validateUserInput() {
const name = document.getElementById("name").value;
const password = document.getElementById("password").value;

if (!name) {
alert("Name cannot be empty!");
return false;
}

if (password.length < 6) {
alert("Password must be at least 6 characters long!");
return false;
}

alert("Validation successful!");
return true;
}
</script>
</head>
<body>
<form onsubmit="return validateUserInput();">
<label for="name">Name:</label>
<input type="text" id="name" required><br>
<label for="password">Password:</label>
<input type="password" id="password" required><br>
<button type="submit">Submit</button>
</form>
</body>
</html>
5. #> Create an external stylesheet and link it to an HTML form. The stylesheet
should include the following:
a. A header with red text and a yellow background.
b. A double-lined border table with 5 rows and 3 columns.
c. First column: Sr. No. of the product; second column: image with
hyperlink and product name; third column: description of the product.
<!DOCTYPE html>
<html>
<head>
<title>Styled Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>Product Table</header>
<table>
<tr>
<th>Sr. No.</th>
<th>Product</th>
<th>Description</th>
</tr>
<tr>
<td>1</td>
<td><a href="#"><img src="product1.jpg" alt="Product 1" width="50">
Product 1</a></td>
<td>High-quality product</td>
</tr>
<tr>
<td>2</td>
<td><a href="#"><img src="product2.jpg" alt="Product 2" width="50">
Product 2</a></td>
<td>Durable and reliable</td>
</tr>
<tr>
<td>3</td>
<td><a href="#"><img src="product3.jpg" alt="Product 3" width="50">
Product 3</a></td>
<td>Best value for money</td>
</tr>
<tr>
<td>4</td>
<td><a href="#"><img src="product4.jpg" alt="Product 4" width="50">
Product 4</a></td>
<td>Stylish and modern</td>
</tr>
<tr>
<td>5</td>
<td><a href="#"><img src="product5.jpg" alt="Product 5" width="50">
Product 5</a></td>
<td>Eco-friendly product</td>
</tr>
</table>
</body>
</html>

header {
text-align: center;
color: red;
background-color: yellow;
font-size: 24px;
padding: 10px;
}

table {
width: 100%;
border-collapse: collapse;
border: 3px double black;
margin: 20px 0;
}

th, td {
border: 1px solid black;
padding: 10px;
text-align: center;
}

img {
width: 50px;
height: auto;
}
6. #> Write code to drag an image from outside the box and drop it inside the box
using React JS.
import React, { useState } from 'react';

function DragDrop() {
const [dropped, setDropped] = useState(false);

const handleDrop = (e) => {


e.preventDefault();
setDropped(true);
};

const handleDragOver = (e) => {


e.preventDefault();
};

return (
<div>
<h1>Drag and Drop</h1>
<div
onDrop={handleDrop}
onDragOver={handleDragOver}
style={{
width: '300px',
height: '300px',
border: '2px dashed #000',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
}}
>
{dropped ? <img src="image.jpg" alt="Dropped"
style={{ width: '100px' }} /> : 'Drag an image here'}
</div>
<img
src="image.jpg"
alt="Draggable"
draggable
style={{ width: '100px', marginTop: '20px' }}
/>
</div>
);
}

export default DragDrop;

7. #> Write a code in React JS to display "Hello World".


import React from 'react';

function HelloWorld() {
return <h1>Hello World</h1>;
}

export default HelloWorld;


8. #> Write a PHP program to print the factorial of a number.
<!DOCTYPE html>
<html>
<head>
<title>Factorial Program</title>
</head>
<body>
<form method="POST">
<label for="number">Enter a number:</label>
<input type="number" name="number" required>
<button type="submit">Calculate</button>
</form>
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$number = $_POST["number"];
$factorial = 1;
for ($i = 1; $i <= $number; $i++) {
$factorial *= $i;
}
echo "<h3>Factorial of $number is $factorial</h3>";
}
?>
</body>
</html>
9. #> Write a program in JSP to display the system date and time.
<!DOCTYPE html>
<html>
<head>
<title>System Date and Time</title>
</head>
<body>
<h1>Current Date and Time</h1>
<p>
<%
java.util.Date date = new java.util.Date();
out.println(date.toString());
%>
</p>
</body>
</html>
10. #> Create a form with fields 'Name', 'Age', 'Email ID', and 'Password'.
Validate the fields using JavaScript:
a. Name should be between A-Z.
b. Age should be between 0-100.
c. Email ID should contain '@'.
d. Password should have at least 1 uppercase letter, 1 digit, 1 special
character, and a minimum length of 8.
<!DOCTYPE html>
<html>
<head>
<title>Form Validation</title>
<script>
function validateForm() {
const name = document.getElementById('name').value;
const age = document.getElementById('age').value;
const email = document.getElementById('email').value;
const password = document.getElementById('password').value;

const nameRegex = /^[A-Za-z]+$/;


const emailRegex = /@/;
const passwordRegex = /^(?=.*[A-Z])(?=.*\d)(?=.*[@#$%^&+=]).{8,}$/;

if (!nameRegex.test(name)) {
alert('Name should contain only alphabets (A-Z).');
return false;
}

if (age < 0 || age > 100 || isNaN(age)) {


alert('Age should be between 0 and 100.');
return false;
}

if (!emailRegex.test(email)) {
alert('Email ID should contain "@" symbol.');
return false;
}

if (!passwordRegex.test(password)) {
alert('Password must have at least 1 uppercase letter, 1 digit, 1
special character, and be at least 8 characters long.');
return false;
}

alert('Form submitted successfully!');


return true;
}
</script>
</head>
<body>
<form onsubmit="return validateForm()">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required><br>

<label for="age">Age:</label>
<input type="number" id="age" name="age" required><br>

<label for="email">Email ID:</label>


<input type="email" id="email" name="email" required><br>

<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br>

<button type="submit">Submit</button>
</form>
</body>
</html>
11. #> Write a JSP program to perform basic arithmetic operations: addition,
subtraction, division, and multiplication.
<!DOCTYPE html>
<html>
<head>
<title>Arithmetic Operations</title>
</head>
<body>
<form method="POST">
<label>Enter First Number:</label>
<input type="number" name="num1" required><br>
<label>Enter Second Number:</label>
<input type="number" name="num2" required><br>
<button type="submit">Calculate</button>
</form>
<%
if (request.getMethod().equals("POST")) {
double num1 = Double.parseDouble(request.getParameter("num1"));
double num2 = Double.parseDouble(request.getParameter("num2"));

out.println("<h3>Addition: " + (num1 + num2) + "</h3>");


out.println("<h3>Subtraction: " + (num1 - num2) + "</h3>");
out.println("<h3>Multiplication: " + (num1 * num2) + "</h3>");
if (num2 != 0) {
out.println("<h3>Division: " + (num1 / num2) + "</h3>");
} else {
out.println("<h3>Division: Cannot divide by zero</h3>");
}
}
%>
</body>
</html>
12. #> Write a well-formed XML document to maintain a library catalog with the
name of the book, author, publisher, and year of publishing. Format it in
tabular form using XSLT.
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="library.xsl"?>
<library>
<book>
<name>Book One</name>
<author>Author A</author>
<publisher>Publisher X</publisher>
<year>2021</year>
</book>
<book>
<name>Book Two</name>
<author>Author B</author>
<publisher>Publisher Y</publisher>
<year>2020</year>
</book>
</library>

<?xml version="1.0" encoding="UTF-8"?>


<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:template match="/">
<html>
<head>
<title>Library Catalog</title>
</head>
<body>
<h1>Library Catalog</h1>
<table border="1">
<tr>
<th>Name</th>
<th>Author</th>
<th>Publisher</th>
<th>Year</th>
</tr>
<xsl:for-each select="library/book">
<tr>
<td><xsl:value-of select="name"/></td>
<td><xsl:value-of select="author"/></td>
<td><xsl:value-of select="publisher"/></td>
<td><xsl:value-of select="year"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
13.
14. #> Write the AJAX code to read from a text file and display its contents
upon button click.
<!DOCTYPE html>
<html>
<head>
<title>AJAX File Reader</title>
<script>
function loadFile() {
const xhr = new XMLHttpRequest();
xhr.open("GET", "file.txt", true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("content").innerText = xhr.responseText;
}
};
xhr.send();
}
</script>
</head>
<body>
<button onclick="loadFile()">Load File</button>
<div id="content" style="margin-top: 20px; border: 1px solid black; padding:
10px;">
Content will appear here.
</div>
</body>
</html>
15. #> Write a short note and code on JDBC to connect a Java application to a
database.
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.Statement;

public class JDBCExample {


public static void main(String[] args) {
String url = "jdbc:mysql://localhost:3306/testdb";
String username = "root";
String password = "password";

try {
// Establishing connection
Connection connection = DriverManager.getConnection(
url, username, password);
System.out.println("Connected to the database.");

// Creating a statement
Statement statement = connection.createStatement();

// Executing a query
String query = "SELECT * FROM products";
ResultSet resultSet = statement.executeQuery(query);

// Processing the result set


while (resultSet.next()) {
System.out.println("Product ID: " +
resultSet.getInt("product_id"));
System.out.println("Product Name: " +
resultSet.getString("product_name"));
}
// Closing connection
connection.close();
} catch (Exception e) {
e.printStackTrace();
}
}
}
16. #> Write an HTML, XML, and DTD code for an e-commerce website to transfer
the following data:
a. Product ID, Product Name, Product Cost, Purchase Date, Purchased By,
and Seller Name.
<!DOCTYPE html>
<html>
<head>
<title>E-Commerce</title>
</head>
<body>
<h1>E-Commerce Website</h1>
<table border="1">
<tr>
<th>Product ID</th>
<th>Product Name</th>
<th>Product Cost</th>
<th>Purchase Date</th>
<th>Purchased By</th>
<th>Seller Name</th>
</tr>
</table>
</body>
</html>

<?xml version="1.0" encoding="UTF-8"?>


<!DOCTYPE eCommerce SYSTEM "ecommerce.dtd">
<eCommerce>
<product>
<id>101</id>
<name>Smartphone</name>
<cost>15000</cost>
<purchaseDate>2024-01-01</purchaseDate>
<purchasedBy>John Doe</purchasedBy>
<sellerName>ElectroMart</sellerName>
</product>
</eCommerce>

<!ELEMENT eCommerce (product+)>


<!ELEMENT product (id, name, cost, purchaseDate, purchasedBy, sellerName)>
<!ELEMENT id (#PCDATA)>
<!ELEMENT name (#PCDATA)>
<!ELEMENT cost (#PCDATA)>
<!ELEMENT purchaseDate (#PCDATA)>
<!ELEMENT purchasedBy (#PCDATA)>
<!ELEMENT sellerName (#PCDATA)>

17. #> Write a JavaScript code to hide HTML elements.


<!DOCTYPE html>
<html>
<head>
<title>Hide Elements</title>
<script>
function hideElement(id) {
document.getElementById(id).style.display = 'none';
}
</script>
</head>
<body>
<p id="paragraph">This is a paragraph to hide.</p>
<button onclick="hideElement('paragraph')">Hide Paragraph</button>
</body>
</html>
18. #> Write a program to handle form validation in PHP.
<!DOCTYPE html>
<html>
<head>
<title>PHP Form Validation</title>
</head>
<body>
<?php
$name = $email = $age = "";
$errors = [];

if ($_SERVER["REQUEST_METHOD"] == "POST") {
if (empty($_POST["name"])) {
$errors[] = "Name is required.";
} else {
$name = htmlspecialchars($_POST["name"]);
}

if (empty($_POST["email"])) {
$errors[] = "Email is required.";
} elseif (!filter_var($_POST["email"], FILTER_VALIDATE_EMAIL)) {
$errors[] = "Invalid email format.";
} else {
$email = htmlspecialchars($_POST["email"]);
}

if (empty($_POST["age"]) || $_POST["age"] < 0 || $_POST["age"] > 100) {


$errors[] = "Age must be between 0 and 100.";
} else {
$age = htmlspecialchars($_POST["age"]);
}
}
?>
<form method="post">
Name: <input type="text" name="name" value="<?php echo $name; ?>">
<br>
Email: <input type="text" name="email" value="<?php echo $email; ?>">
<br>
Age: <input type="number" name="age" value="<?php echo $age; ?>">
<br>
<button type="submit">Submit</button>
</form>
<?php
if (!empty($errors)) {
echo "<ul>";
foreach ($errors as $error) {
echo "<li>$error</li>";
}
echo "</ul>";
} elseif ($_SERVER["REQUEST_METHOD"] == "POST") {
echo "Form submitted successfully!";
}
?>
</body>
</html>

19. #> Write a JSP program for basic form processing.


<!DOCTYPE html>
<html>
<head>
<title>Form Processing</title>
</head>
<body>
<form method="POST">
Name: <input type="text" name="name" required><br>
Email: <input type="email" name="email" required><br>
<button type="submit">Submit</button>
</form>
<%
if (request.getMethod().equals("POST")) {
String name = request.getParameter("name");
String email = request.getParameter("email");
out.println("<h3>Form Data Submitted:</h3>");
out.println("<p>Name: " + name + "</p>");
out.println("<p>Email: " + email + "</p>");
}
%>
</body>
</html>

You might also like