JSFiddle - React, Tailwind, and code Playground

by justinwyllie

HTML

<table>

<tr>

<td><input type="number" id="blksize"></td>

<td><select id="colouroption">
  <option value="blue">Blue</option>
  
</select></td>

<td><input type="number" id="gownquantity"></td>
<td><input type="submit" id="add_gowns" value="Add"/></td>
</tr>

</table>
<div id="content">
<ul><li></li></ul>
</div>

JavaScript

$(function() {

$('#add_gowns').click(function() {
// use jQuery .val()
var size = document.getElementById("blksize").value;
var colour = document.getElementById("colouroption").value;
var quantity = document.getElementById("gownquantity").value;
console.log ( $("#content ul li:last").length )
$("#content ul li:last").after("<li> Size: "+size+", Colour: "+colour+", Quantity: "+quantity+"</li>");
});

})