Add and remove form row inputs

I am new to Javascript and I am trying to figure out how to make a form with an add and remove buttons. In my form I would have a row of options and the add button would just keep repeating these options. I have given an example screen shot to display what I am looking to do. Also I have a static mock without any Javascript here JsFiddle

<div class="container">
<form>
<table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">Option 1</th>
      <th scope="col">Option 2</th>
      <th scope="col">Option 3</th>
      <th scope="col">Option 4</th>
      <th scope="col">Option 5</th>
      <th scope="col">Add/Delete</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Option1 Value</td>
      <td>Option2 Value</td>
      <td>Option3 Value</td>
      <td>Option4 Value</td>
      <td>Option5 Value</td>
      <td><button type="button" class="btn btn-danger">Del</button><td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Option1 Value</td>
      <td>Option2 Value</td>
      <td>Option3 Value</td>
      <td>Option4 Value</td>
      <td>Option5 Value</td>
      <td><button type="button" class="btn btn-danger">Del</button><td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td><select class="custom-select" id="inputGroupSelect01">
    <option selected>Choose...</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
  </select></td>
      <td><select class="custom-select" id="inputGroupSelect01">
    <option selected>Choose...</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
  </select></td>
      <td><select class="custom-select" id="inputGroupSelect01">
    <option selected>Choose...</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
  </select></td>
      <td><select class="custom-select" id="inputGroupSelect01">
    <option selected>Choose...</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
  </select></td>
      <td><select class="custom-select" id="inputGroupSelect01">
    <option selected>Choose...</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
  </select></td>
      <td><button type="button" class="btn btn-primary">Add</button><td>
    </tr>
  </tbody>
</table>
</form>
</div>