JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<table>
		<tr>
			<td>ID:</td>
			<td><input type="text" id="carid"></td>
		</tr>
		<tr>
			<td>Color:</td>
			<td><input type="text" id="color">
                </tr>
                <tr>
                    <td> Car </td>
                <td><input type="text" id="car">
			<input type="button" id="add" value="Add" onclick="adddata()"></td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	</table>
            
            <br><br>
                
                <table id="dymanictable"  border="1" cellpadding="2">
		<tr>
			
			<td>ID</b></td>
			<td><b>Color</b></td>
            <td><b>Car</b></td>
		</tr>
	</table>

JavaScript

function adddata() { 
		 
	var cid = document.getElementById("carid");
	var ccolor = document.getElementById("color");
    var ccar = document.getElementById("car");
    
    var table = document.getElementById("dymanictable");

    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);

   
    row.insertCell(0).innerHTML= cid.value;
    row.insertCell(1).innerHTML= ccolor.value;
    row.insertCell(2).innerHTML= ccar.value;

}