WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:サイト上での足し算式

0:[投稿] かもめ [MAIL] [2002/04/03 22:00 ][環境:MAC+IE 不明]

複数の空白の(INPUT TYPE="text")に書き込まれた数字を別の処に合計数として書き出したいのです。こんな感じです。
---
Aさんの点数  2(INPUT TYPE="text")
Bさんの点数  3(INPUT TYPE="text")
---
二人合わせて  5 です

つまり、サイト上で簡単な足し算の式を利用できるようにしたいのですが。


1:[回答] saori [2002/04/03 22:42 ]

こんな感じかしら?
わたしも初心者なんですけど練習にやってみました
変なところあったらみなさん添削おねがいします

<script language="JavaScript">
<!--
function check(){
document.write(eval(document.forms[0].elements[0].value)+eval(document.forms[0].elements[1].value));
}
//-->
</script>
<form>
<input type="text">+<input type="text"> 
<input type="button" onclick="check()" value="足算する">
</form>


2:[関連] かもめ [MAIL] [2002/04/04 22:05 ]

saoriさん、早速ありがとうございます。
自分でもいろいろとやってみたのですが、実はやりたかったことは、「入力した数値をそのまま加算して結果を随時WEBページに反映させていく」ということだったんです。
説明不足で済みません。

Javaでの計算式だけだと、毎回読み込む度に前の数字が白紙になるわけで、よく考えたらこれはCGIを書かないと難しいですね。

・・・壁が高い(汗)


3:[回答] saori [2002/04/05 00:27 ]

では、こんな感じにフォームの中に出力するのはいかがですか?
そうすれば、ページが白紙にはなりません。
あと、半角数字で入力したかチェックをしてそれ以外だったら
警告を出したらもっといいかも?です。

<script language="JavaScript">
<!--
function check(){
document.forms[0].elements[2].value=(eval(document.forms[0].elements[0].value)+eval(document.forms[0].elements[1].value));
}
//-->
</script>
<form>
<input type="text">+<input type="text">=<input type="text">
<br> 
<input type="button" onclick="check()" value="足算する">


4:[回答] saori [2002/04/05 00:29 ]

すみません、コピーミスです
ソースの最後を</form>で閉じてください


5:[回答] saori [2002/04/05 00:49 ]

また練習に半角数字チェック付きの方も作ってみました

<script language="JavaScript">
<!--
function check(){
var A=document.forms[0].elements[0].value;
var B=document.forms[0].elements[1].value;

if(isNaN(A)||isNaN(B)){alert('半角数字で入力してください');return;}
else{C=eval(A)+eval(B)
    document.forms[0].elements[2].value=C
    }

}
//-->
</script>

<form>
<input type="text">+<input type="text">=<input type="text">
<br> 
<input type="button" onclick="check()" value="足算する">
</form>


6:[関連] かもめ [MAIL] [2002/04/06 15:46 ]

saoriさん、ありがとうございます。
書き方が悪かったようです。つまり、「一旦サイトに入力したものを再読み込みすると、前の計算式に入力されたものが反映されている。」というのが、やりたかったことなんです。

どうしてもCGIを書かねばならない感じですね(汗)


7:[回答] やじうま1号 [URL] [2002/04/06 18:56 ]

再読み込みすると、計算結果に反映されるより、書くと随時反映されたほうがユーザー側から見て通信量が減ると思うのですが。


8:[関連] かもめ [MAIL] [2002/04/06 22:27 ]

やじうま1号さん、
書いた本人が再読み込みすると・・というか、「別の人が見てもその結果が反映されている」ということなんですが。


9:[回答] やじうま1号 [2002/04/07 16:54 ]

>>8
そういうことなんですか。
それなら、CGIを使うほか無いと思います。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World