使用JavaScript在HTML表格中動態插入一行

Question

我正在嘗試合並三個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 = " ";
}

Answer 2

window.onload() {
  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 {
    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 = " ";
}