https://github.com/yogadeepan29/dom_day-15_task-2_html-forms

Day-15 - ( DOM )_ HTML-Forms-task
https://github.com/yogadeepan29/dom_day-15_task-2_html-forms

append bootstrap css dom-manipulation forms getelementbyid html javascript radio table

Last synced: 4 days ago
JSON representation

Day-15 - ( DOM )_ HTML-Forms-task

• Host: GitHub
• URL: https://github.com/yogadeepan29/dom_day-15_task-2_html-forms
• Owner: Yogadeepan29
• Created: 2024-05-18T21:57:10.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-18T22:28:01.000Z (6 months ago)
• Last Synced: 2024-05-18T23:20:56.535Z (6 months ago)
• Topics: append, bootstrap, css, dom-manipulation, forms, getelementbyid, html, javascript, radio, table
• Language: HTML
• Homepage: https://ryd-dom-html-forms.netlify.app
• Size: 9.77 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
In this Repository, I have completed the Day 15 DOM Manipulation task

==> Task-2 ( DOM Manipulation with Forms )

I have built a Web-page form, which appends form data to a Table for this task using HTML DOM, CSS and Bootstrap.

    * Created a form and table using HTML, CSS, Bootstrap and DOM

    * The form contains the following fields

    * First name, last name, Email, address, pin code, gender, choice of food (must choose at least 2 out of 5 options ), state, country.

    * On submission of the form values, the values must be appended to the table.

    * The table columns contain First name, last name, Email, address, Pincode, gender, food, state, and country.

    * It also Clears the form fields after updating the record in the table

    * For styles I used CSS and Bootstrap.

    * UI is responsive for all media screens.

    * Also Included the test suite in the HTML file.

==> This page is also Deployed on Netlify URL: https://ryd-dom-html-forms.netlify.app