JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<form id="test">

<input type="text" name="something" id="test2" size="25"/>
<input type="text" name="scan_assno" id="scan_assno" size="25"/>
<input type="Submit" value="Go" />

</form>

<ul id="ul_scanned">

</ul>

<div>
  <input type="text" name="asses_scanned" id="asses_scanned" size="25"/>
</div>

JavaScript

$(document).ready(function(){  

	$("#scan_assno").focus();
	$("#scan_assno").change(function(e) {
  	e.preventDefault();
  	let scan_value = $(this).val();
    $("#ul_scanned").append('<li>' + scan_value + '</li>');
    $("#asses_scanned").val($("#asses_scanned").val() + scan_value +";");
    $(this).focus();
    
	})
  
})