JavaScript, Event Handling, Bindings and DOM - Lab Task 1

Post Updated On: June 1, 2020


Above is the User Interface of how your application shall look alike. Make a web page using HTML, CSS and JavaScript/JQuery. When user fill the form and click 'add' button, the record shall be added in the table on the left side of page. 'Action' column shall contain Update and Remove links, "Update" shall load the record in the form on right. When user update the values and press 'update' button, it shall update the corresponding row in the table on left. Initially, when the page is loaded, the table shall be empty and "Update" button shall be disabled. When user click the "Update" link shown under 'Action' column, "add" button shall be disabled. The "reset" button shall reinitialize the form at the same state when the page was loaded to add new records, so it shall make the add button enabled. The page shall not reload during these operations, so it shall be a single page app. 

You would find this article useful. Its not mandatory to follow any specific approach, you can do, as you like.

Comments