Add new input lines to HTML entry form

Please enter the number of people you would like entered. For more people, click the "Add Line" button.

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 from the array of objects

Generate and Display Table

Local Name	Local DOB	Local Age	Local Zodiac

Five Key Differences between JavaScript and JQuery

1. Browser:
   • JavaScript: all modern browsers support Js
   • JQuery: need to include the JQuery library URL in the header of the page
2. Script:
   • JavaScript: you need to write your own scripting which may take time
   • JQuery: you don't need to write much scripting because it already exists in JQuery
3. Language:
   • JavaScript: an interpreted language
   • JQuery: uses resources given by JavaScript to make things easier
4. Definition:
   • JavaScript: is a dynamic programming language
   • JQuery: is a fast and concise JavaScript Library that simplifies HTML documents
5. Lines of Code:
   • JavaScript: document.getElementsByClassName("simple-li");
   • JQuery: $('simple-li');