JSFiddle - React, Tailwind, and code Playground

by B L Praveen

HTML

<FORM name="inputform" ACTION="">       
<table border= "0" width="320" bordercolor="#CC0000" cellpadding="2" cellspacing="1">
<tr bgcolor="#000099" height="30">
<td colspan="3" align="center">
<font size="2" face="Arial" color="#FFFFFF"><b>Calculate Stall Speed :&nbsp;</b></font></td>
</tr>
<tr align="center" valign="middle" height="50">
<td bgcolor="#FF9900" align="right" valign="top"><br>
<font size="2" face="Arial" color="#FFFFFF"><b>Wing Loading :&nbsp;</b></font><br>
<font size="1" face="Arial" color="#FFFFFF">Calculate <a href="design.htm#calculate" target="_blank">Wing Loading</a>&nbsp;&nbsp;&nbsp;
</td>
<td bgcolor="#FFCC99" align="center" valign="top">
<font size="1" face="Arial" color="#000099">oz/sq.ft</font><br>
<INPUT type="text" name="wload" size="6" onblur="calcsspeed()" onchange = "entered_sqft(this)">
</td>
<td bgcolor="#FFCC99" align="center" valign="top">
<font size="1" face="Arial" color="#000099">g/sq.dm</font><br>
<INPUT type="text" name="metric_wload" size="6" onblur="calcsspeed()" onchange = "entered_sqdm(this)">
</td>
</tr>
<tr align="center" valign="middle">
<td bgcolor="#FF9900" align="right" valign="top">
<font size="2" face="Arial" color="#FFFFFF"><b>The whole Wing's&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>Max Lift Coefficient :&nbsp;</b></font>
</td>
<td bgcolor="#FFCC99" align="center" colspan="2" valign="top">
<font size="1" face="Arial" color="#000099">Wing's Max Cl.</font><br>
<INPUT type="text" name="cl" value="1.0" size="3" onblur="calcsspeed()">
</td>
</tr>
<tr valign="middle" height="5"> 
<td align="center" colspan="3" bgcolor="#cccc00">
</td>
</tr>
<tr align="center" valign="middle" height="50">
<td bgcolor="#FF9900" align="right" valign="middle">
<font size="2" face="Arial" color="#FFFFFF"><b>STALL SPEED :&nbsp;</b></font>
</td>
<td align="center" bgcolor="#FFCC66" valign="top">
<font size="1" face="Arial" color="#000099">mph</font><br>
<input readonly type="text" name="sspeed" size="6">
</td>
<td align="center"...

JavaScript

function calcsspeed() {
with ( document.inputform ) {
sspeed.value = Math.round(3.5*Math.pow((2*wload.value/cl.value), 0.5)*10)/10;
metric_sspeed.value = Math.round(10*(sspeed.value*1.609344))/10;
}
}
function imp_name( metric_name ){
var Position = metric_name.indexOf("_");
var LastChar = metric_name.length;
return metric_name.substring( Position + 1, LastChar );
}
// wload
function entered_sqft( theinput)  {
var metric_val = Math.round (10*( theinput.value * 3.0516 ))/10;
eval("document.inputform.metric_"+theinput.name).value = metric_val;
return true;
}
function entered_sqdm( theinput ) {
var imp_value = Math.round (100*( theinput.value / 3.0516 ))/100;
var impname = imp_name( theinput.name );
eval("document.inputform."+impname).value = imp_value;
return true;
}