飛行機の簡単な重量とバランスの計算機を作ろうとしています。要件は単純です。重みを入力し、既知のモーメント アームを掛けた重みを含むようにモーメント フィールドを更新する必要があります。基本的に、入力を既知の値で乗算し、この製品を別のスペースに印刷するだけです。
以下は私がこれまでに試したことであり、次の方法で動作するはずです。
イベントを使用
this.value
して入力ダイアログの値を渡すonchange
を使用して出力要素を見つける
document.getElementById(outID)
を使用して出力要素のテキストを設定します
outID.innerHTML = weight*arm
しかし、何も起こりません。
<!DOCTYPE html>
<head>
<script language="javascript" type="text/javascript">
function GetMoment(outID,weight,arm){
var outputObj = document.getElementById( outID );
outputObj.innerHTML = weight*arm;
}
</script>
</head>
<html>
<body>
<div id="InputForm" style="width:600;float:left;">
<table name="WeightAndBalance" border=4>
<tr>
<th>Front Seats</th>
<th> <input id="FrontWeight" type="text" name="FrontWeight" onchange="javascript:GetMoment(FrontMoment,this.value,85.5)"> </th>
<th>85.5 in</th>
<th> <span id="FrontMoment" type="text" name="FrontMoment" style="width:50px">Front Seat Moment</span></th>
</tr>
<tr>
<th>Rear Seats</th>
<th> <input id="RearWeight" type="text" name="RearWeight" onchange="javascript:GetMoment(RearMoment,this.value,117)"> </th>
<th>117 in</th>
<th> <span id="RearMoment" type="text" name="RearMoment">Rear Seat Moment</span></th>
</tr>
</table>
</div>
</body>
</html>