Java Script Assignment 3.3 Add Row in Table

Desired Output

Sr No.	University/Board	Passing Year	Total Marks	Obtain Marks

Source Code



<!doctype html>
<html>
	<head>
		<title>Add Row in Table</title>
		<script>
		var count=1;
		function add_row()
		{
			var d=document.getElementById("data").innerHTML;
			var x="<tr><td>"+count+"</td><td><input type='text'/></td><td><input type='number'/></td><td><input type='number'/></td><td><input type='number'/></td></tr>"
			document.getElementById("data").innerHTML=d+x;
			count++;
		}
		</script>
	</head>
	<body>
		
		<table id="data" border="1" cellpadding="10px" cellspacing="0" width="80%" align="center">
			<tr>
				<th>Sr No.</th>
				<th>University/Board</th>
				<th>Passing Year</th>
				<th>Total Marks</th>
				<th>Obtain Marks</th>				
			</tr>			
		</table>
		<br/>
		<input type="button" value="ADD ROW" onclick="add_row()"/>
	</body>
</html>