Add and Delete Row

In this tutorial, you will learn how to add and delete row on button click using HTML, CSS and JavaScript. There are 2 methods:

Method 1: In this method, row is hidden by default and add button is visible. When you click on add button, one row will be visible along with remove button. When you click on remove button, row will be deleted. You can also limit the rows to be shown.

Method 2: In this method, one row is visible along with add button. When you click on add button, another row will be visible along with remove button on both rows. When you click on remove button, one row will be deleted and all remove buttons will be deleted.