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

What do you see that is different in JS v JQ?

  1. JavaScript is a programming language while JQuery is a framework
  2. JQuery is a wrapper of JavaScript, with much pre-written functionality and DOM traversing.
  3. Using JavaScript can be slow and time consuming compared to JQuery.
  4. With JQuery developers can remain worried free as no error due to browser compatibility will occur.
  5. JQuery uses less code.