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.

Generate array of objects

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

Generate a table containing data from array of objects

Local Name Local DOB Local Age Local Zodiac

Prog06

  1. Getters & Setters: they are powerful methods for changing and manipulating DOM elements in Jquery but they might bring hidden errors when used in JavsScript
  2. The .each() method is designed to make DOM looping constructs concise and less error-prone. When called it iterates over the DOM elements that are part of the jQuery object.
  3. Easier to traverse DOM elements in Jquery than JS.
  4. animations: jQuery animate() method is used to create custom animations. but Jquery animation aspects run much slower than Javascript.
  5. the '$'sign in Jquery: under this the jQuery code just calls the plain Javascript variant making it easier.
  6. jQuery Mobile has broad support for the vast majority of all modern desktop, smartphone, tablet, and e-reader platforms. In addition, feature phones and older browsers than JavaScript