- ベストアンサー
このような計算式はどうやって？？？
カテゴリーがここでいいのかわからないのですが、現在ＨＰを自作しておりまして 足し算のできる計算機能を設置したいんです。 こんなかんじです。 **************************** 計算機 □ □ ＋□ ------ ＝□ ※□は数字を入れます。 **************************** どこにどのような文字を入れればいいでしょうか？ よろしくお願い致します。
- mituru1986
- お礼率42% (632/1491)
- JavaScript
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
桁揃えをちゃんとしてないけど、こんな感じ ---------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <title>足し算</title> <script type="text/javascript"><!-- function calc(f){ var x=parseFloat(f.x.value); var y=parseFloat(f.y.value); var z=parseFloat(f.z.value); f.ans.value = x+y+z; } //--> </script> </head> <body> <div> 計算機 <form name="CALC"> <table cellspacing="0"> <tr><td> </td><td><input name="x" style="text-align:right" type="text"></td></tr> <tr><td> </td><td><input name="y" style="text-align:right" type="text"></td></tr> <tr><td style="border-bottom:solid 1px black">＋</td><td style="border-bottom:solid 1px black"><input name="z" style="text-align:right"></td></tr> <tr><td><input type="button" value="＝" onclick="calc(this.form)"></td><td><input name="ans" style="text-align:right" type="text"></td></tr> </table> </form> </div> ※□は数字を入れます。 </body> </html>
その他の回答 (2)
- yambejp
- ベストアンサー率51% (3827/7415)
たとえばこんな感じ <script type="text/javascript"> function calc(f){ var x=parseFloat(f.x.value); var y=parseFloat(f.y.value); var z=parseFloat(f.z.value); f.ans.value = x+y+z; } function focusFunc(obj){ if(obj.value==0) obj.value='' } function blurFunc(obj){ rObj = new RegExp(/[\D]/g); if(obj.value.match(rObj) || obj.value=='') obj.value='0' } </script> <style type="text/css"> .col1{ width:30px; float:left; } .col2{ width:150px; } .col3{ width:180px; height:1px; border-bottom:solid 1px #000000; overflow:hidden; } .inp1{ text-align:right; width:100px; } </style> <div> 計算機 <form name="CALC"> <div class="col1"> </div> <div class="col2"><input class="inp1" name="x" type="text" value="0" onFocus="focusFunc(this)" onBlur="blurFunc(this)"></div> <div class="col1"> </div> <div class="col2"><input class="inp1" name="y" type="text" value="0" onFocus="focusFunc(this)" onBlur="blurFunc(this)"></div> <div class="col1">＋</div> <div class="col2"><input class="inp1" name="z" type="text" value="0" onFocus="focusFunc(this)" onBlur="blurFunc(this)"></div> <div class="col3"></div> <div class="col1"><input type="button" value="＝" onclick="calc(this.form)"></div> <div class="col2"><input class="inp1" name="ans" type="text" value="0"></div> </form> </div>
- VCAT
- ベストアンサー率20% (16/79)
既に出ている回答で悪くないですが、「f」に条件をつけたほうがいいですね。正規表現かisNaNで。
