1.
<!DOCTYPE html>
<html>
<head>
<center>
<title>Simple Calculator</title>
<script>
function calculate() {
let display = document.getElementById("display");
try {
display.value = eval(display.value);
} catch (e) {
display.value = "Error";
}
}
function clearDisplay() {
document.getElementById("display").value = "";
}
function appendValue(value) {
document.getElementById("display").value += value;
}
</script>
</head>
<body>
<h2>Simple Calculator</h2>
<input type="text" id="display" readonly>
<br>
<button onclick="appendValue('1')">1</button>
<button onclick="appendValue('2')">2</button>
<button onclick="appendValue('3')">3</button>
<button onclick="appendValue('+')">+</button>
<br>
<button onclick="appendValue('4')">4</button>
<button onclick="appendValue('5')">5</button>
<button onclick="appendValue('6')">6</button>
<button onclick="appendValue('-')">-</button>
<br>
<button onclick="appendValue('7')">7</button>
<button onclick="appendValue('8')">8</button>
<button onclick="appendValue('9')">9</button>
<button onclick="appendValue('*')">*</button>
<br>
<button onclick="clearDisplay()">C</button>
<button onclick="appendValue('0')">0</button>
<button onclick="calculate()">=</button>
<button onclick="appendValue('/')">/</button>
</center>
</body>
</html>
2.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Paint Brush Image Link</title>
<style>
body
{
align-items: center;
text-align: center;
font-size: 3rem;
margin-top: 25%;
}
</style>
</head>
<body>
<a href="https://howtodrawforkids.com/wp-content/uploads/2022/02/8-paintbrush-drawing-guide.jpg" target="_blank" style="align-items: center;">
Image
</a>
</body>
</html>
3.
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scrollable Text</title>
<style>
#scrollableText {
width: 300px;
height: 200px;
overflow-y: auto;
border: 1px solid #000;
padding: 10px;
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<h2>Scrollable Text Example</h2>
<div id="scrollableText">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies mollis sapien, sit amet dapibus ligula. Integer vel lorem sit amet ipsum facilisis varius. Nam ac sem vitae urna pharetra ullamcorper. Morbi ullamcorper ultricies nisi, id vulputate risus. Nam vitae pharetra sapien, sit amet gravida urna. Quisque condimentum vestibulum tortor, non cursus purus volutpat in. Suspendisse nec libero a arcu cursus lobortis. Cras eu risus vitae nulla vehicula volutpat. Fusce feugiat aliquam est, non auctor odio lacinia et. Curabitur nec dolor massa.
<br><br>
Sed ut lectus eget urna cursus aliquam at nec libero. Aliquam ac ipsum vel purus lobortis sodales. Fusce maximus mauris ut tempor fermentum. Etiam nec arcu purus. Donec vel quam purus. Aenean tincidunt tristique metus, eget scelerisque ligula aliquet ac. Curabitur et sem nisl. Donec non mi id libero viverra elementum et vitae augue. Ut volutpat dolor ut orci lacinia, et mollis felis pharetra. Nulla aliquet sit amet purus in efficitur. Nam varius metus ac suscipit vestibulum.
<br><br>
Pellentesque ac purus erat. Etiam tincidunt ligula nec nisl tincidunt, ut lacinia urna aliquam. Nam malesuada mi ac lorem vestibulum, et scelerisque purus dictum. Nam sed magna nec felis finibus aliquet. Mauris et augue sed libero feugiat auctor id in mauris. Ut lacinia, dui at cursus pretium, neque est consectetur ante, ac dapibus ex augue sit amet eros. Sed placerat lorem at libero scelerisque pretium. Cras vel orci at nunc malesuada consequat.
</div>
</body>
</html>
4.
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kongunadu Arts and Science College</title>
<style>
body {
background-image: url('https://i.pinimg.com/originals/6f/2f/61/6f2f6184c310ef3081994081a4fe762b.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
font-family: Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
text-align: center;
}
p {
text-align: center;
}
.left-corner {
position: absolute;
top: 10px;
left: 20px;
}
.right-corner {
position: absolute;
top: 10px;
right: 20px;
}
.button {
width: 120px;
height: 30px;
background-color: #B00202;
border: 0;
color: white;
font-weight: bold;
font-size: 16px;
margin: 5px;
}
.button:hover {
background-color: #D20000;
}
#imageContainer {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#imageContainer img {
margin: 10px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
</style>
</head>
<body>
<img src="https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/KASC_logo.png" align="center" width="90" height="95" alt="Description" class="left-corner">
<img src="https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/50years.png" align="center" width="80" height="85" alt="Description" class="right-corner">
<h2>KONGUNADU ARTS AND SCIENCE COLLEGE</h2>
<p>(AUTONOMOUS)</p>
<p>Re-accredited by NAAC with A+ Grade - 4th cycle, College of Excellence - UGC</p>
<p>Coimbatore - 641 029, Tamil Nadu, India</p>
<hr>
<marquee><font size="7" color="#000F8B">WELCOME TO THE DEPARTMENT OF INFORMATION TECHNOLOGY</font></marquee>
<div align="center">
<a href="https://kongunaducollege.ac.in/39/department-information-technology-about-department"><button class="button">HOME</button></a>
<a href="https://kongunaducollege.ac.in/39/faculty"><button class="button">FACULTY</button></a>
<a href="https://kongunaducollege.ac.in/"><button class="button">COLLEGE</button></a>
<a href="https://kongunaducollege.ac.in/admission"><button class="button">ADMISSION</button></a>
<a href="https://kongunaducollege.ac.in/39/department-information-technology-contact"><button class="button">CONTACT</button></a>
</div>
<hr>
<h1>MEMBERS OF THE FACULTY</h1>
<div align="center">
<img src="https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/user_profile/public/pictures/user-profiles/Dr.K.Dhanalakshmi.jpg?h=9b93ffa5&itok=6rPvJ0io" align="center" width="250" height="175">
<h2>Dr. K. Dhanalakshmi. B.Sc, MCA,, M.phil, Ph.D</h2>
<h3>Assistant Professor, HoD in-charge</h3>
<p>PHONE NUMBER : 9976388067</p>
<p>EMAIL : [email protected]</p>
<a href="https://kongunaducollege.ac.in/users/dhanalakshmi"><button class="button">Get More...</button></a>
</div>
<br>
<div align="center">
<img src="https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/user_profile/public/pictures/user-profiles/Gomathi%20Photo.jpg?h=e9e8f163&itok=5SwYm8pX" align="center" width="250" height="175">
<h2>Mrs.S.Gomathi., B.Sc., M.Sc., M.Phil</h2>
<h3>Assistant Professor</h3>
<p>PHONE NUMBER : 9003591277</p>
<p>EMAIL : [email protected]</p>
<a href="https://kongunaducollege.ac.in/users/gomathi"><button class="button">Get More...</button></a>
</div>
<hr>
<h1>SUBJECTS</h1>
<div align="center">
<button type="button" onclick="alert('C Programming, C Programming Lab, Maths');" class="button">FIRST SEMESTER</button>
<button type="button" onclick="alert('C++ Programming, C++ Programming Lab, Computer Organization And Architecture, Operations Research');" class="button">SECOND SEMESTER</button>
<button type="button" onclick="alert('Java, Java Lab, Digital Marketing, Cyber Security');" class="button">THIRD SEMESTER</button>
<button type="button" onclick="alert('.NET Programming and Oracle, .NET Programming and Oracle Lab, Microprocessor, R Programming Lab');" class="button">FOURTH SEMESTER</button>
<button type="button" onclick="alert('Operating System, Software Engineering, Web Technology, Web Technology Lab, Computer Network');" class="button">FIFTH SEMESTER</button>
<button type="button" onclick="alert('Python, Python Lab, Information Security, Software Testing Lab');" class="button">SIXTH SEMESTER</button>
</div>
<hr>
<h2 style="text-align: center;">PROGRAMME OUTCOMES</h2>
<ul>
<li>Enhance the skills and new computing technologies through practical and theoretical knowledge of computer science and software engineering.</li>
<li>Practice communication, problem-solving, and decision-making skills through the use of appropriate technology and with an understanding of the business environment.</li>
<li>Identify, design, and analyze complex computer systems and interpret the results from those systems.</li>
</ul>
<hr>
<h1>ABOUT THE DEPARTMENT</h1>
<h2><u>Genesis</u></h2>
<p>Department of B.Sc Information Technology was introduced in the academic year 2008-2009 with Choice Based Credit System. At present our department is functioning with 5 well-qualified staff members and 149 students.</p>
<h2><u>Thrust Areas</u></h2>
<p>The faculty members of the department carry out research in many frontier areas, which include Data Mining, Computer Networks, and Software Engineering.</p>
<p>Dr. K.Dhanalakshmi, Assistant Professor and HoD in-charge of Information Technology is currently guiding 4 Ph.D. Research Scholars.</p>
<h2><u>Milestones</u></h2>
<p>B.Sc IT was started in the Year 2008. It is designed to meet the growing demand for qualified professionals in the field of Information Technology. Our Department provides excellent Infrastructure with fully equipped laboratories and smart classrooms
.</p>
<hr>
<h1>CONTACT</h1>
<h2><u>OFFICE</u></h2>
<div align="center">
<img src="https://www.kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/Dr.%20V.%20Sangeetha_1.jpg" align="center" width="250" height="175">
<h2>The Principal</h2>
<h2>Dr. V. Sangeetha M.Sc., Ph.D.</h2>
<h3>Principal i/c, Kongunadu Arts and Science College, Coimbatore</h3>
<h6>PHONE NUMBER : +914222642095, +914222642236, +914222646588</h6>
<h6>EMAIL : [email protected]</h6>
<a href="https://kongunaducollege.ac.in/principal"><button class="button">Get More...</button></a>
</div>
<br>
<div align="center">
<img src="https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/user_profile/public/pictures/user-profiles/Dr.K.Dhanalakshmi.jpg?h=9b93ffa5&itok=6rPvJ0io" align="center" width="250" height="175">
<h2>Dr. K. Dhanalakshmi., Ph.D, M.phil, MCA, B.Sc</h2>
<h3>Assistant Professor, HoD in-charge</h3>
<h6>PHONE NUMBER : 9976388067</h6>
<h6>EMAIL : [email protected]</h6>
<a href="https://kongunaducollege.ac.in/users/dhanalakshmi"><button class="button">Get More...</button></a>
</div>
<hr>
<h1>IMAGES</h1>
<style>
button {
padding: 5px 10px;
font-size: 15px;
cursor: pointer;
border: none;
border-radius: 16px;
background-color: #007BFF;
color: white;
margin: 5px;
}
button:hover {
background-color: #0056b3;
}
</style>
<div align="center">
<button onclick="displayImages()">Show Images</button>
<div id="imageContainer"></div>
</div>
<script>
function displayImages() {
const imageContainer = document.getElementById('imageContainer');
imageContainer.innerHTML = ''; // Clear existing images
const images = [
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/staff-min.JPG?h=702e1ade&itok=KZSaJQmh',
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/PTA.jpg?h=b6dad238&itok=8xJtSLWF',
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/Extension%20Activities.jpg?h=4f13e219&itok=tAi1czd1',
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/NDLI%2006-02-24.jpg?h=0d5bc602&itok=Xz-L8C_M',
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/WhatsApp%20Image%202023-04-06%20at%205.02.12%20AM.jpeg?h=dc5feee0&itok=ReeGNJFp',
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/WhatsApp%20Image%202023-04-06%20at%205.01.19%20AM.jpeg?h=69f6a6ab&itok=u-aAhu8l',
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/Intercollege%20Competition.jpeg?h=eb28e350&itok=y7fJ4-VH',
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/photo6_0.jpeg?h=cc89bea5&itok=7XDm4V9-',
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/photo5_0.jpeg?h=9ce62c75&itok=dnN1JNg5',
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/photo2_0.jpg?h=1b61c1e0&itok=y2-6yTSd',
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/banner_new06.jpg?h=7c4ae106&itok=hZi5UIIF',
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/WS_06759.jpg?h=153a012e&itok=FWacul4I',
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/Crafting%20Machine%20Learning%20Brilliance.jpg?h=9f9c6f30&itok=Um370nx8',
'https://kongunaducollege.ac.in/sites/kongunaducollege.ac.in/files/styles/department_banners/public/Department%20Banner/PTA.jpg?h=b6dad238&itok=8xJtSLWF'
];
images.forEach(url => {
const img = document.createElement('img');
img.src = url;
img.style.width = '300px';
img.style.height = '200px';
img.style.margin = '10px';
img.style.borderRadius = '10px';
imageContainer.appendChild(img);
});
}
</script>
</body>
</html>
5.
<html>
<head>
<center>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Student Mark List Calculator</title>
<style>
body{
background-color: #fff;
}
body {
font-family: Arial, sans-serif;
margin: 20px;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
table, th, td {
border: 1px solid #ddd;
}
th, td {
padding: 8px;
text-align: left;
}
th {
background-color: #f4f4f4;
}
.input-section {
margin-bottom: 20px;
}
</style>
</head>
<body>
<h1>Student Mark List Calculator</h1>
<div class="input-section">
<label for="name">Student Name:</label>
<input type="text" id="name" placeholder="Enter student name"><br><br>
<label for="subject1">Subject 1 Marks:</label>
<input type="number" id="subject1" placeholder="Marks for Subject 1"><br><br>
<label for="subject2">Subject 2 Marks:</label>
<input type="number" id="subject2" placeholder="Marks for Subject 2"><br><br>
<label for="subject3">Subject 3 Marks:</label>
<input type="number" id="subject3" placeholder="Marks for Subject 3"><br><br>
<label for="subject4">Subject 4 Marks:</label>
<input type="number" id="subject4" placeholder="Marks for Subject 4"><br><br>
<button onclick="addStudent()">CALCULATE</button><br>
</div>
<table id="markList">
<thead>
<tr>
<th>Student Name</th>
<th>Subject 1</th>
<th>Subject 2</th>
<th>Subject 3</th>
<th>Subject 4</th>
<th>Total Marks</th>
<th>Average Marks</th>
</tr>
</thead>
<tbody>
<!-- Student data will be inserted here -->
</tbody>
</table>
<script>
function addStudent() {
const name = document.getElementById('name').value;
const subject1 = parseFloat(document.getElementById('subject1').value) || 0;
const subject2 = parseFloat(document.getElementById('subject2').value) || 0;
const subject3 = parseFloat(document.getElementById('subject3').value) || 0;
const subject4 = parseFloat(document.getElementById('subject4').value) || 0;
if (name && !isNaN(subject1) && !isNaN(subject2) && !isNaN(subject3) && !isNaN(subject4)) {
const totalMarks = subject1 + subject2 + subject3 + subject4;
const averageMarks = totalMarks / 4;
const table = document.getElementById('markList').getElementsByTagName('tbody')[0];
const newRow = table.insertRow();
newRow.insertCell().textContent = name;
newRow.insertCell().textContent = subject1;
newRow.insertCell().textContent = subject2;
newRow.insertCell().textContent = subject3;
newRow.insertCell().textContent = subject4;
newRow.insertCell().textContent = totalMarks;
newRow.insertCell().textContent = averageMarks.toFixed(2);
// Clear the input fields
document.getElementById('name').value = '';
document.getElementById('subject1').value = '';
document.getElementById('subject2').value = '';
document.getElementById('subject3').value = '';
document.getElementById('subject4').value = '';
} else {
alert('Please enter valid student name and marks.');
}
}
</script>
</center>
</body>
</html>
6.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Indian Employee Salary Form</title>
<script>
function calculateSalary() {
var name = document.getElementById('name').value;
var designation = document.getElementById('designation').value;
var hourlyWage = parseFloat(document.getElementById('hourlyWage').value);
var hoursWorked = parseFloat(document.getElementById('hoursWorked').value);
if (isNaN(hourlyWage) || hourlyWage < 0 || isNaN(hoursWorked) || hoursWorked < 0) {
alert("Please enter valid positive values for Hourly Wage and Hours Worked.");
return;
}
var salary = hourlyWage * hoursWorked;
document.getElementById('result').innerHTML = "Employee: " + name + "<br>Designation: " + designation + "<br>Salary: ₹" + salary.toFixed(2);
}
function clearForm() {
document.getElementById('employeeForm').reset();
document.getElementById('result').innerHTML = "";
}
</script>
</head>
<body>
<h2>Indian Employee Salary Form</h2>
<form id="employeeForm">
<label for="name">Employee Name:</label>
<input type="text" id="name" name="name"><br><br>
<label for="designation">Designation:</label>
<input type="text" id="designation" name="designation"><br><br>
<label for="hourlyWage">Hourly Wage (INR):</label>
<input type="number" id="hourlyWage" name="hourlyWage" min="0"><br><br>
<label for="hoursWorked">Hours Worked:</label>
<input type="number" id="hoursWorked" name="hoursWorked" min="0"><br><br>
<button type="button" onclick="calculateSalary()">Calculate Salary</button>
<button type="button" onclick="clearForm()">Clear Form</button>
</form>
<h3>Result:</h3>
<div id="result"></div>
</body>
</html>