Scribd
Upload
8 views6 pages

Complete HTML CSS JS Project Code Updated

The document outlines the structure and code for a College Student Management System, including HTML files for adding and viewing students, a CSS file for styling, and a JavaScript file for functionality. The system allows users to add student details and view them in a table format, with options to delete entries. The project is created by Dipak Balasaheb Khillare.

Uploaded by

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

Complete HTML CSS JS Project Code Updated

The document outlines the structure and code for a College Student Management System, including HTML files for adding and viewing students, a CSS file for styling, and a JavaScript file for functionality. The system allows users to add student details and view them in a table format, with options to delete entries. The project is created by Dipak Balasaheb Khillare.

Uploaded by

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

College Student Management System

■ PROJECT FOLDER STRUCTURE


Student-Management-System/
■
■■■ [Link]
■■■ [Link]
■■■ [Link]
■
■■■ css/
■ ■■■ [Link]
■
■■■ js/
■■■ [Link]

Code Created By: Dipak Balasaheb Khillare


[Link]
<!DOCTYPE html>
<html>
<head>
<title>College Student Management System</title>
<link rel="stylesheet" href="css/[Link]">
</head>
<body>
<header>
<h1>College Student Management System</h1>
<p>SSB College, Jintur</p>
</header>
<nav>
<a href="[Link]">Home</a>
<a href="[Link]">Add Student</a>
<a href="[Link]">View Students</a>
</nav>
</body>
</html>
[Link]
<!DOCTYPE html>
<html>
<head>
<title>Add Student</title>
<link rel="stylesheet" href="css/[Link]">
</head>
<body>
<form onsubmit="addStudent(); return false;">
<input type="text" id="name" placeholder="Student Name" required>
<input type="text" id="roll" placeholder="Roll Number" required>
<input type="text" id="course" placeholder="Course" required>
<button>Add Student</button>
</form>
<script src="js/[Link]"></script>
</body>
</html>
[Link]
<!DOCTYPE html>
<html>
<head>
<title>View Students</title>
<link rel="stylesheet" href="css/[Link]">
</head>
<body onload="showStudents()">
<table>
<tr>
<th>Name</th><th>Roll</th><th>Course</th><th>Action</th>
</tr>
<tbody id="studentTable"></tbody>
</table>
<script src="js/[Link]"></script>
</body>
</html>
[Link]
body{font-family:Arial;background:#f0f8ff;}
header{background:#0a3d62;color:#fff;padding:15px;text-align:center;}
nav{background:#1e90ff;padding:10px;text-align:center;}
nav a{color:#fff;margin:10px;text-decoration:none;}
[Link]
let students=[];
function addStudent(){
let name=[Link]("name").value;
let roll=[Link]("roll").value;
let course=[Link]("course").value;
[Link]({name,roll,course});
alert("Student Added");
}
function showStudents(){
let t=[Link]("studentTable");
[Link]="";
[Link]((s,i)=>{
[Link]+=`<tr><td>${[Link]}</td><td>${[Link]}</td><td>${[Link]}</td>
<td><button onclick="deleteStudent(${i})">Delete</button></td></tr>`;
});
}
function deleteStudent(i){[Link](i,1);showStudents();}

You might also like