javascript - 使用 JavaScript 在 HTML 表格中动态插入一行

Question

我有 3 个有效的 javascript 位，我正试图将它们结合起来……但没有成功。我试图做到这一点，当您单击一个按钮时，它知道两个字段具有相同的条目。如果没有，它会在我的 HTML 中的表格中生成另一行信息。

document.getElementById("goRow").addEventListener("click", check)

function check () {
  if (document.getElementById("firstName").value ==       document.getElementById("lastName").value){
    prompt('First name can not be last');
  }

  else {
    function newRow() {
      var table = document.getElementById("myTable");
      var row = table.insertRow(1);
      var cell1 = row.insertCell(0);
      var cell2 = row.insertCell(1);
      var cell3 = row.insertCell(2);
      var cell4 = row.insertCell(3);
      cell1.innerHTML = document.getElementById("firstName").value;
      cell2.innerHTML = document.getElementById("lastName").value;
      cell3.innerHTML = document.getElementById("email").value;
      cell4.innerHTML = " ";
    }
  }

就像我说的，所有不同的部分都是独立工作的，但我无法让它们相互配合。

Answer 1

为什么要尝试将函数定义为 ELSE 条件的一部分？你应该自己拥有它，并从 ELSE 中调用它:

function check() {
    if (document.getElementById("firstName").value == document.getElementById("lastName").value) {
        prompt('First name can not be last');
    } else {
        newRow();
    }
}

function newRow() {
    var table = document.getElementById("myTable");
    var row = table.insertRow(1);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    var cell4 = row.insertCell(3);
    cell1.innerHTML = document.getElementById("firstName").value;
    cell2.innerHTML = document.getElementById("lastName").value;
    cell3.innerHTML = document.getElementById("email").value;
    cell4.innerHTML = " ";
}