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 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.

Generate and Display Array of Objects

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.

Generate and Display Table