計算結果の表示方法を教えてください。

質問

javascriptでのプログラム作成がはじめてで
下記のようにINPUTへの計算結果を表示はできましたが、
INPUTを使用せず消費税を表示する方法を教えてください。

yahooかんたん決済の（運賃を入力すると合計が表示）様な
計算結果の表示方法を教えてください。
おそらく<SPAN>を使って表示していると思うのですがわかりません。
宜しくお願いします。

【省略】
<script type="text/javascript">
function keisan(){
　　var syouhizei = document.form1.syouhin1.value * 0.05;
document.form1.field1.value = syouhizei;
}
</script>
【省略】
<tr>
<td>商品サンプル1</td>
<td align="right">500円</td>
<td><INPUT type="text" name="syouhin1" size="8"
onkeyup="keisan()"></td>
<td><input type="text" name="field1" size="8" value="0"> 円</td>
</tr>

回答No.1

usb_memory · ベストアンサー

こんな感じですかね。。

<script type="text/javascript">
function keisan(){
　　var syouhizei = document.form1.syouhin1.value * 0.05;
　　document.getElementById("zei").innerHTML = syouhizei;
}

【省略】

<td><span id="zei">0</span> 円</td>

お礼

ありがとうございます。
ためしてみると考えていた通りでした。

大変助かりました。

回答No.2

yambejp

こうするとつながりがわかりやすいです

<script type="text/javascript">
function keisan(obj){
var syouhizei = parseFloat(obj.value) * 0.05;
obj.form.field1.value = syouhizei;
}
</script>

<form>
<table border>
<thead>
<tr>
<th>商品</th>
<th>単価</th>
<th>消費税</th>
</tr>
</thead>
<tbody>
<tr>
<td>商品サンプル1</td>
<td><INPUT type="text" name="syouhin1" size="8" onkeyup="keisan(this)"></td>
<td><input type="text" name="field1" size="8" value="0"> 円</td>
</tr>
</tbody>
</table>
</form>

お礼

ありがとうございます。