maintain in kind expenses<table id='inkdtbl'><tr><th>Date payment</th><th>Vendor</th><th>Amount</th><th>Category</th><th>Purpose</th></tr><tr><td id='vendor'>2025-09-01</td><td>VistaPrint</td><td>540.84</td><td>Unit Convention</td><td>Postcards, name tags</td></tr><form method='post' name='inkd' id='inkd' enctype='application/x-www-form-urlencoded'><br />Enter the payee<input type='text' name='vendor'><br />Enter the Amount<input type='text' name='ikamt'><br />Date paid<input type='date' name='indtpd'><br />Enter the budget categoary<input type='text' name='budget'><br />Item/Service Paid <input type='text' name='item'><button type='button' name='newex' id='newex'>Add expense</button><style>
table, th, td {
border: double 2px black;
font-size: 18pt;

}
</style>
<script>
var xml=new XMLHttpRequest();
document.getElementById('newex').addEventListener('click',  function(e) {
//	e.preventDefault(();
	alert('Listener working');
	var tableid=document.getElementById('inkd');
	const formData= new FormData(tableid);
	//	var frmconst=formData('tableid');
	formData.append('byear', '182');
	console.log('the form var is '+formData);
	var xml = new XMLHttpRequest();
	xml.open('POST','Assembly/inkindexec.php', true);
	xml.onreadystatechange = function () {
		if(xml.readyState == 4 && xml.status == 200) {
			console.log(xml.responseText);
			var resparray=xml.responseText;
			 return false;

		};
	}
	xml.send(formData);

})
</script>