Scribd
Upload
2 views

DOM JS Assignment1222

Uploaded by

anshuraghav1204
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

DOM JS Assignment1222

Uploaded by

anshuraghav1204
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Assignment: Student Registration System

Objective:
Develop a student registration system where students can register their details such as name,
class, address, and contact number. Additionally, it provides functionalities for editing and
deleting records.

Evaluation Criteria:

Task 1: Basic Structure (5 Marks)


● Create an HTML file named "index.html" with the basic structure of an HTML document.
● Set meaningful titles and include appropriate meta tags.

Task 2: Header (5 Marks)


● Include a catchy title reflecting the system's purpose, such as "Student Registration
System."
● Add a brief description summarizing the system's functionalities.

Task 3: Form and Input Fields (5 Marks)


● Develop a form with input fields for student details, including Student name, student ID,
email ID, and Contact No. Ensure appropriate styling and layout for a better user
experience.

Task 4: Display Section (10 Marks)


● Please include a section to display registered student records. You can place it either on
the same page or on a different page. If it's on a different page, please add a link to
access it in the navigation bar.
● Display student details such as Student name, student ID, email ID, and Contact No. in a
clear and organized manner.

Task 5: Styling and Design (10 Marks)


● Apply CSS styling to enhance the visual appeal of the registration system.
● Ensure proper spacing, alignment, and use of colors for better readability.

Task 6: JavaScript Functionality (35 Marks)


● Implement functionality to add new student records.
● Allow users to edit existing records.
● Provide options for deleting records.
● After refreshing the page data should not disappear ( you can use local storage).
● Validate input fields to ensure student ID and contact number accept only numbers,
student name accepts only characters, and email accepts only valid email addresses.
● Make sure the user can't add the empty row.
● Add a vertical scrollbar dynamically.

Task 7: Documentation and Comments (5 Marks)


● Organized file structure
● Creativity and Presentation
● Include comments in the code to explain complex sections or logic.
● Please upload your project to GitHub and provide the GitHub link. Failure to do so
will result in marks being deducted.

Assessment:
Marks will be assigned for each task based on adherence to guidelines, creativity, presentation,
and overall quality of the system.

Submission Guidelines:
● Submit a zip file containing all HTML files, CSS file, and JavaScript file.
● Ensure code readability and organization, including appropriate comments for complex
sections.
● Use semantic HTML tags for better accessibility.
● Test the system thoroughly to ensure proper functionality.

Sample Image:

You might also like