HTML에서 테이블에 행을 추가하고 삭제하는 간단한 JavaScript 코드

<!-- HTML 테이블 -->
<table id="myTable">
  <thead>
    <tr>
      <th>이름</th>
      <th>나이</th>
      <th>이메일</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>홍길동</td>
      <td>25</td>
      <td>hong@example.com</td>
    </tr>
    <tr>
      <td>김철수</td>
      <td>30</td>
      <td>kim@example.com</td>
    </tr>
  </tbody>
</table>

<!-- JavaScript 코드 -->
<script>
  // 테이블에서 행 추가
  function addRow() {
    var table = document.getElementById("myTable").getElementsByTagName('tbody')[0];
    var newRow = table.insertRow(table.length);
    var cells = [];
    for (var i = 0; i < 3; i++) {
      cells.push(newRow.insertCell(i));
      cells[i].innerHTML = "새 데이터";
    }
  }

  // 테이블에서 행 삭제
  function deleteRow() {
    var table = document.getElementById("myTable").getElementsByTagName('tbody')[0];
    var lastRow = table.rows.length - 1;
    table.deleteRow(lastRow);
  }
</script>

<!-- 추가/삭제 버튼 -->
<button onclick="addRow()">행 추가</button>
<button onclick="deleteRow()">행 삭제</button>