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 the HTML form lines and store the data into an array of objects, where each property of an object contains the data in the input field of the HTML entry form.


Display table containing data from array of objects

Loop through the HTML form lines and store the data into an array of objects, where each property of an object contains the data in the input field of the HTML entry form.



Local Name Local DOB Local Age Local Zodiac
Deng Xiaoping 1904-08-22 115 Dragon
Dwight Eisenhower 10-14-1890 128 Libra