Skip to content

BHUVANESWAR-G/javascript_project5

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation


๐Ÿ“˜ Student Form Web Application

A simple and interactive Student Form Web App built using HTML, CSS, and JavaScript. This project allows users to enter student details and dynamically display them in a table with delete functionality.


๐Ÿš€ Features

  • ๐Ÿ“ฅ Add student details:

    • Name
    • Age
    • Gender
    • Course
    • Email
  • ๐Ÿ“Š Display entered data in a table

  • โŒ Delete specific student records

  • ๐Ÿ”„ Auto-clear form after submission

  • ๐ŸŽจ Simple and clean UI design


๐Ÿ› ๏ธ Technologies Used

  • HTML5 โ€“ Structure of the form
  • CSS3 โ€“ Styling and layout
  • JavaScript (DOM Manipulation) โ€“ Functionality and interactivity

๐Ÿ“‚ Project Structure

Student-Form/
โ”‚โ”€โ”€ index.html   # Main application file

โš™๏ธ How It Works

  1. User enters student details in the form
  2. Clicks the Save button
  3. Data is added to the table dynamically
  4. Each row includes a Delete button to remove entries
  5. Form resets automatically after submission

โ–ถ๏ธ How to Run

  1. Download or clone this repository
  2. Open the file:
index.html
  1. Run it in any web browser

๐Ÿ“ธ Output Preview

  • Form for entering student details
  • Table displaying saved records
  • Delete button for each row

๐Ÿ”ฎ Future Improvements

  • Form validation (required fields, email format)
  • Edit/update student records
  • Store data using Local Storage
  • Responsive design for mobile devices

๐Ÿ™Œ Author

G. Bhuvaneswar Aspiring Data Analyst & Web Developer


About

Interactive Student Form app with dynamic data handling using JavaScript DOM manipulation.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages