British単位系からSI系への換算ツール(4)
wxPythonで実装したのと同じものを、ブラウザで動くようにしてみる。WEBで使えるようにすると便利だろうと思うから。HTMLとJavaScriptで記述する。
↑図1:選択できる項目は前と同じ
↑図2:長さの換算
↑図3:温度の換算(不完全だ)
↑図4:熱量の換算(正しいかチェックしなくては...)
最小限の動作はするが、見た目をもう少しキレイにしたい。
以下、ソース。
<html><head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>Unit conversion from British to SI</title> <script language="JavaScript" type="text/javascript"> function convunit(theForm) { var sunit = new Array("[m]", "[m^2]", "[m/s]", "[kg]", "[kJ]", "[C]", "[kg/m^3]", "[kg/s]", "[kJ/kg]", "[Pa]", "[Pa]", "[W]"); var originalVal = theForm.bvalue.value; var convertedVal; var sIndex = theForm.britishU.selectedIndex; var coeff = theForm.britishU.options[sIndex].value; convertedVal = coeff * originalVal convertedVal += sunit[sIndex]; theForm.svalue.value = convertedVal; } </script> </head> <body bgcolor="#ffffff"> <form name="myForm"> <h2> Input value and select unit</h2> <p> <input type="text" name="bvalue" size="20"> <select name="britishU"> <option value="0.3048">Length [ft]</option> <option value="0.09290304">Area [ft^2]</option> <option value="0.3048">Velocity [ft/s]</option> <option value="0.45359237">Mass [lbm]</option> <option value="1.055">Energy [Btu]</option> <option value="0.5555555">Temperature [F]</option> <option value="16.01846337">Density [lbm/ft^3]</option> <option value="0.45359237">Mass flux [lbm/s]</option> <option value="2.325876866">Enthalpy [Btu/lbm]</option> <option value="6894761.416">Pressure [psia]</option> <option value="47.88024159">Pressure [lbf/ft^2]</option> <option value="1055.0">Heat [Btu/s]</option> </select> --><input type="text" name="svalue" size="35"> <br> <input type="button" value="convert" onclick="convunit(this.form)"> </p> </form> </body> </html>