• ベストアンサー

計算結果のテキスト表示

JavaScript計算式で結果を表示したいのですが できません。 テキストBOXには結果を入れれるのですが、 テキストBOXでなく文字として結果を出したいのですが でません。 以下ソースです。 19行目が表示希望箇所です。 <SCRIPT language="javascript"> <!-- function calc() { with(document.f) { syoukei.value = goods1.value * goods2.value * (goods3.value * 0.01) ; syoukei.value = Math.round(syoukei.value) } } // --> </SCRIPT> <FORM name="f"> 縦<INPUT type="text" name="goods1" size="3" onChange="calc();">m * 横<INPUT type="text" name="goods2" size="3" onChange="calc();">m * 厚み<INPUT type="text" name="goods3" size="3" onChange="calc();">cm<BR>       60L <INPUT type="text" name="syoukei" size="5">袋<BR> <SCRIPT language="javascript"> <!-- document.write(syoukei); } // --> </SCRIPT> </FORM>

質問者が選んだベストアンサー

  • ベストアンサー
  • x_jouet_x
  • ベストアンサー率68% (162/236)
回答No.2

回答#1さんと同様、やりたいことが今ひとつ分からなかったのですが、こういうことでしょうか? <HTML> <HEAD> <SCRIPT language="javascript"> <!-- function calc() { with(document.f) { var syoukei = goods1.value * goods2.value * (goods3.value * 0.01); syoukei = Math.round(syoukei); document.getElementById("syoukei").innerHTML = syoukei; } } // --> </SCRIPT> </HEAD> <BODY> <FORM name="f"> 縦<INPUT type="text" name="goods1" size="3" onChange="calc();">m * 横<INPUT type="text" name="goods2" size="3" onChange="calc();">m * 厚み<INPUT type="text" name="goods3" size="3" onChange="calc();">cm<BR>       60L <span id="syoukei"></span>袋<BR> </FORM> </BODY> </HTML> 違っていれば、また補足等をして下さい。

すると、全ての回答が全文表示されます。

その他の回答 (1)

回答No.1

意味わかんなかったけどこういう事? <SCRIPT language="javascript"> <!-- function calc() { with(document.f) { document.getElementById("abc").innerHTML = Math.round( goods1.value * goods2.value * (goods3.value * 0.01)) } } // --> </SCRIPT> <FORM name="f"> 縦<INPUT type="text" name="goods1" size="3" onChange="calc();">m * 横<INPUT type="text" name="goods2" size="3" onChange="calc();">m * 厚み<INPUT type="text" name="goods3" size="3" onChange="calc();">cm<BR> </FORM> <div id="abc"></div>

すると、全ての回答が全文表示されます。