Untitled

<!DOCTYPE html>
<html>
<head>
<title>Spreadsheet</title>
<style type="text/css">
  td {
    padding:3px;
  }
</style>
</head>

<body>
<table border="0" cellpadding="0" cellspacing="0" id = "table">
  <thead>
    <tr>
      <th>Name</th>
      <th>Student ID</th>
      <th>Faculty</th>
      <th>Major</th>
      <th>Minor</th>
      <th>Year</th>
      <th>Action</th>
    </tr>
  </thead>
    <tr id = "row1">
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td>
        <button>Up</button>
        <button>Dn</button>
        <button onclick = "delFunction('row1')">Del</button>
      </td>
    </tr>
    <tr>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td>
        <button>Up</button>
        <button>Dn</button>
        <button>Del</button>
      </td>
    </tr>
    <tr>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td><input type="text" /></td>
      <td>
        <button>Up</button>
        <button>Dn</button>
        <button>Del</button>
      </td>
    </tr>
</table>
<button onclick = "newRowBtn()">New Row</button>
<script>
var counter = 4;

function delFunction("row") {
var x = document.getelementbyId("row1");
x.remove();
counter--;
}

function newRowBtn() {
alert("ujgfkh");
var node = document.CreateElement("tr");
//node.setAttribue("id", "row$counter");
var table = document.getElementById("table");
table.appendChild("node");
var i;
for (i=0;i<6;i++){
var td = document.createElement("td");
var inputTag = document.createElement("input");
inputTag.setAttribute("type","text");
td.appendChild(inputTag);
tr.appendChild(td);
}

</script>
</body>

</html>