<! DOCTYPE html>#userTable {border:1px solid black; } tr,td{border:1px solid black; margin:0px; }</style>Name:<input type= "text" name= "name" id= "name" >   Telephone:<input type= "text" Name= "del" id= "del" >   Age:<input type= "text" name= "Age" id= "age" > </br> </br> <input type= "button" onclick= "Add ()" Val Ue= "Add" > <table id= "usertable" > <tr> <td> name </td> <td> phone </td> ; <td> Age </td> <td> action </td> </tr> <tr> <td> seok </t d> <td>18341893451</td> <td>28</td> <td><a href= "Java Script:void (0) "onclick=" del (This) ">Delete</a></td> </tr> <tr> <td> Gao Junxi </td> <td>183418 95832</td> <td>26</td> <td><a href= "javascript:void (0)" onclick= "Del (This ) ">Delete</a></td> </tr> </table></body><script type= "Text/javascript" >functionAdd () {varName = document.getElementById ("name"). Value; vardel = document.getElementById ("del"). Value; varAge = document.getElementById ("Age"). Value; varTR = document.createelement ("tr"); Tr.innerhtml= "<td>" +name+ "</td><td>" +del+ "</td><td>" + Age+ "</td><td><a href= ' javascript:void (0) ' onclick= ' del (This) ' >delete</a></td> '; document.getElementById ("Usertable"). appendchild (TR); } functiondel (a) {a.parentnode.parentnode.parentnode.removechild (A.parentnode.parentnode); }</script>20, Formadd,javascript Internship Dynamic add