JSFiddle - React, Tailwind, and code Playground

by Denis Plotnikov

HTML

<div id="panel">
<table id="panelTable">
	<tr><td>CY</td><td><input class="panelInput" onkeyup="alert(this.value);"></td><td>MS</td><td><input class="panelInput" onkeyup="alert(this.value);"></td></tr>
	<tr><td>OffsetY</td><td><input data-mm="offsetY" class="panelInput" value="5"></td></tr>
</table>
</div>

CSS

body{
	font-family:'Calibri';
}
#panel {
	background:rgba(0,0,0,0.5);
	position:fixed;
	bottom:10px;
	left:10px;
	padding:5px;
	border-spacing:5px 5px;
}
#panelTable{
	font-size:14px;
	color:#ffffff;
}
.panelInput{
	width:50px;
}

JavaScript

$('.panelInput[data-mm="offsetY"]').val("XUI");