function addRow() {
  let name = document.getElementById("name").value;
  let age = document.getElementById("age").value;
  let email = document.getElementById("email").value;
  let table = document.getElementById("tableBody");
  let form = document.getElementById("expense-form");
  let row = document.createElement("tr");
  let c1 = document.createElement("td");
  let c2 = document.createElement("td");
  let c3 = document.createElement("td");
  let c4 = document.createElement("td");
  let c5 = document.createElement("td");
  c1.innerText = `${name}`;
  c2.innerText = `${age}`;
  c3.innerText = `${email}`;
  c4.innerText = `Edit`;
  c5.innerText = `Delete`;
  row.appendChild(c1);
  row.appendChild(c2);
  row.appendChild(c3);
  row.appendChild(c4);
  row.appendChild(c5);
  table.appendChild(row);
  table.style.textAlign = "center";
  c1.style.textTransform = "capitalize";
  c4.style.backgroundColor = "yellow";
  c4.style.textAlign = "center";
  c4.style.color = "white";
  c5.style.backgroundColor = "red";
  c5.style.textAlign = "center";
  c5.style.color = "white";
  c5.style.cursor = "pointer";
  c4.style.cursor = "pointer";

  document.getElementById("name").value = "";
  document.getElementById("age").value = "";
  document.getElementById("email").value = "";

  c4.addEventListener("click", function () {
    const editForm = document.getElementById("correction");
    editForm.style.display = "block";

    document.getElementById("editName").value = row.cells[0].innerText;
    document.getElementById("editAge").value = row.cells[1].innerText;
    document.getElementById("editEmail").value = row.cells[2].innerText;

    selectedRow = row;
  });

  c5.addEventListener("click", function () {
    table.removeChild(row);
  });

  //Checking if any required field is empty4
}
function submitEditForm() {
  let editName = document.getElementById("editName").value;
  let editAge = document.getElementById("editAge").value;
  let editEmail = document.getElementById("editEmail").value;

  selectedRow.cells[0].innerText = editName;
  selectedRow.cells[1].innerText = editAge;
  selectedRow.cells[2].innerText = editEmail;

  document.getElementById("correction").style.display = "none";
}

let addButton = document.getElementById("add");