テキストフィールドに入力した数値は文字列として扱われるので数値に変換して計算

テキストフィールドに入力した半角数値は文字列(string)として扱われる。
計算するには、parseInt()やparseFloat()で数値に変換する必要がある。
実行結果

半角数値を入力してください。

+ =
…… parseIntで数値(整数)に変換後+した(数値として扱われる)
…… 単純に各フィールドのvalueを+した(文字列として扱われる)


ヘッダ部分
<SCRIPT LANGUAGE="JavaScript">
function plus(form)	{
	form.result1.value=parseInt(form.x.value) + parseInt(form.y.value)
	form.result2.value=form.x.value + form.y.value
}
</SCRIPT>

ボディ部分 <FORM> 半角数値を入力してください。<P> <INPUT TYPE="text" NAME="x" SIZE=5> + <INPUT TYPE="text" NAME="y" SIZE=5> = <BR> <INPUT TYPE="text" NAME="result1" SIZE=5> …… parseIntで数値(整数)に変換後+した(数値として扱われる)<BR> <INPUT TYPE="text" NAME="result2" SIZE=5> …… 単純に各フィールドのvalueを+した(文字列として扱われる)<P> <INPUT TYPE="button" NAME="exec" VALUE="実行" onClick="plus(this.form)"> </FORM>