如何使forEach函数在每次单击时都JavaScript以追加行

<table id="myTable">
  <tbody>
    <!-- 初始表格行 -->
    <tr>
      <td>初始数据1</td>
    </tr>
    <tr>
      <td>初始数据2</td>
    </tr>
  </tbody>
</table>

// 获取对表格的引用
var table = document.getElementById("myTable");

// 创建一个数组，用于存储要显示的数据
var data = ["数据1", "数据2", "数据3"];

// 使用forEach函数迭代数组中的每个元素
data.forEach(function(item) {
  // 创建一个新的表格行
  var row = document.createElement("tr");
  
  // 将数据添加到行中
  var cell = document.createElement("td");
  cell.textContent = item;
  row.appendChild(cell);
  
  // 将新的表格行添加到表格中
  table.appendChild(row);
});

// 单击时追加行
table.addEventListener("click", function() {
  // 创建一个新的表格行
  var row = document.createElement("tr");
  
  // 将数据添加到行中
  var cell = document.createElement("td");
  cell.textContent = "新数据";
  row.appendChild(cell);
  
  // 将新的表格行添加到表格中
  table.appendChild(row);
});