Hi I am trying to make a bowling roster. I am having a problem with the table and when I enter a name into the box nothing works. I need a little help here please.




Code:
 <!DOCTYPE html>
<html>
   <head>
      <meta charset = "utf-8">
      <title>Bowling League Roster</title>
	  <script type="text/javascript" src="Dom.js"></script>
	  <link rel="stylesheet" type="text/css" href="Default.css" />
	  
		
		
		
		</head>
		<body>

   <h1 id="Bowling League Roster"  class = "highlighted" >
   Bowling League Roster</h1>
			<br />
		<form action="#">
			<label for="gbid">What is Your Team Member's Name?</label>
			<input type ="gbid" value = "" onclick="addItem(document.getElementById('addBowler').rowIndex)" />
			</br>
   </body>
</html>
<script>
				function setStyle()
		{
			var bowler = prompt("Enter Bowler's Name to be added?");
			
			var elements = document.getElementsByTagName("bowler");
		}
		
		</script>
		<script>
		function addBowler()
		{
			var tbl = document.createElement("table");
			var tblRow = document.createElement("tbody");
			var body = document.getElementById("tableDiv");
			
			for (var rows = 0; rows < 5; rows++)
			{
				var row = document.createElement("tr");
				
				for (var columns = 0; columns < 5; columns++)
				{
					var cell = document.createElement("td");
					var cellText = document.createTextNode("Bowler " + rows + columns);
					cell.appendChild(cellText);
					row.appendChild(cell);
				}
				else
				tblBody.appendChild(row);
			}
			tbl.appendChild(tblBody);
			body.appendChild(tbl);
			tbl.setAttribute("border", "3");
		}
		
		
		</script>
        <body>	
		
		<form action = "FormProcessor.html" method="Get">
		<table border = "1" id = "getBowler">
		<tr><td id = "empty">Your Team Roster Is Empty</td></tr>
		</table>
		<p><input type ="Remove Bowler" value = "Remove Bowler" /></p>
		<input type = "button" value="removeBowler" onclick="removeBowler()"/>
		</form>
		</body>
	  </script>
	 
   </head>
   <body>
   
		<input type="button" value="Create Bowler" onclick="addBowler(document.getElementById(table))" />
		<br />
		<div id="tableDiv"></div>
   </body>
</html>