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

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages