Prog 6 ~ djkeiffe

Add new input lines to HTML entry form

Enable users to add a row of fields to an HTML input form. In this code, after the HTML loads, addForm() is called. Clicking the Add Line button calls a function, addLine(), which calls addField() once for each field in the new input line. The elements, label and input, are formatted using CSS.

Add Line

Generate array of objects

Loop through HTML form lines and store the data into an array of objects

Generate and Display Array of Objects

Generate a table containing data from array of objects

Generate and Display Table

List of JQuery Difference

1. uses $(selector).action()
2. JQuery has a more condence structure
3. Jquery is a library full of Javascript
4. Jquery is a cross platform scripting library
5. Jquery uses resources offered by JavaScript to make things simpler while manipulating DOM

Local Name	Local DOB	Local Age	Local Zodiac