<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<input type="text" placeholder="studentname" id="sn">
<input type="number" placeholder="studentId" id="si">
<input type="text" placeholder="studentAddress" id="sa">
<input type="date" placeholder="studentjoindate" id="sj">
<input type="date" placeholder="studentupdated" id="su">
<button onclick="add()">Add</button>
<table class="table table-bordered" >
<thead>
<th>Sl.No</th>
<th>Std name</th>
<th>Std Id</th>
<th>Std address</th>
<th>Joined Date</th>
<th>Std updated</th>
<th>Action</th>
<tbody id="all"></tbody>
</thead>
</table>
<script>
var ary=[]
