Scribd
Upload
3 views

DOM JS Assignment1222

Uploaded by

anshuraghav1204
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
3 views

DOM JS Assignment1222

Uploaded by

anshuraghav1204
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
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