<html>
<head>
</head>
<body>
<input id="userName" />
<input id="userId" />
<input id="regTime" />
<button id="b">add</button>
<button id="gen">generate id</button>
<table id="t" style="border: 1px solid black">
<tr>
<td>username</td>
<td>userid</td>
<td>regtime</td>
</tr>
</table>
<script>
gen.onclick=function(){
userId.value=Math.floor(Math.random()*20)
}
b.onclick=function(){
var row=t.insertRow()
row.insertCell().innerHTML=userName.value
row.insertCell().innerHTML=userId.value
row.insertCell().innerHTML=regTime.value
}
</script>
</body>
</html>
UPD Только id в диапазоне 20 -- это туфта. В норме генератор должен порождать гарантированно уникальные номера. Проще всего это реализовать итератором. Random тут не при чем.