HOW TO ADD A ROW WITH DATA DYNAMICALLY IN HTML USING JAVA SCRIPT

I HAVE 4 TEXT FILEDS IN HTML AN AFTER ENTERING DATA INTO IT AND CLICKING ADD BUTTON UNDER THE TEXT FIELDS A ROW WITH DATA TYPED IN THE TEXT FIELDS SHOULD BE ADDED TO THE TABLE AND AFTER THAT I WANT TO AGAIN ENTER THE DIFFERENT DATA IN THE TEXT FILEDS AND AFTER CLICKING ADD BUTTON I WANT THAT DATA TO REFLECT AS SECOND ROW TO THE TABLE AND I MUST BE ABLE TO ADD n NUMBER OF ROWS TO THAT TABLE ON CLICKING ADD BUTTON....UPTO ONE ROW I CAN MANAGE BUT I AM NOT ABLE TO ADD SECOND ROW .CAN ANYONE PLEASE HELP ME IN COMPLETING THIS TASK AS I AM NEW TO JAVA SCRIPT/.....HOPING FOR QUICK REPLY THANK YOU