javascript計算についての質問

このQ&Aのポイント
  • 単位の計算でSなら4、Aなら3、Bなら2、Cなら1、D、Fなら0で、それぞれ取得した単位数を入力したら平均を求めるjavascriptを作りたいのですがどのようにすればいいのかわかりません
  • たとえばSのところに4を入力してBのところに3を入力したなら、平均のところに3を出力するみたいな
  • 全体の平均=(Sの総得点+Aの総得点+Bの総得点+Cの総得点+Dの総得点+Eの総得点+Fの総得点)/(Sの総単位数+Aの総単位数+Bの総単位数+Cの総単位数+Dの総単位数+Eの総単位数+Fの総単位数)
回答を見る
  • ベストアンサー

javascript計算についての質問

単位の計算でSなら4、Aなら3、Bなら2、Cなら1、D、Fなら0で、それぞれ取得した単位数を入力したら平均を求めるjavascriptを作りたいのですがどのようにすればいいのかわかりません どなたかご教授ください。 たとえばSのところに4を入力してBのところに3を入力したなら、平均のところに3を出力するみたいな <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>QPA</title> <script language="JavaScript" type="text/javascript"> <!-- function calc(theForm) // 小数点以下を切り捨てる theForm.result.value = Math.floor(resultVal); } } //--> </script> </head> <body bgcolor="#ffffff"> <h2>指定したQPAを足した平均</h2> 全体の平均=(Sの総得点+Aの総得点+Bの総得点+Cの総得点+Dの総得点+Eの総得点+Fの総得点)/(Sの総単位数+Aの総単位数+Bの総単位数+Cの総単位数+Dの総単位数+Eの総単位数+Fの総単位数) <form name="myForm"><p> </p></form>

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

  • ベストアンサー
  • duron
  • ベストアンサー率77% (73/94)
回答No.2

多分こんな感じにしたいのかな?ということを想像して書いてみました inputに文字列が入力されたら・・・とかのチェックがいるかもしれませんが 必要なら適当に付け加えてください。 計算式の出力は確認用のおまけです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>QPA</title> <script type="text/javascript"> //<!-- function calc(theForm){ num_s = Number(theForm.num_s.value); num_a = Number(theForm.num_a.value); num_b = Number(theForm.num_b.value); num_c = Number(theForm.num_c.value); num_d = Number(theForm.num_d.value); num_e = Number(theForm.num_e.value); num_f = Number(theForm.num_f.value); num = num_s + num_a + num_b + num_c + num_d + num_e + num_f; if(num > 0) { // 各単位の合計得点を求める result = (4 * num_s + 3 * num_a + 2 * num_b + 1 * num_c) / num; // 小数点以下を切り捨てる theForm.result.value = Math.floor(result); document.getElementById("text").innerText = "( 4×"+num_s+" + 3×"+num_a+" + 2×"+num_b+" + 1×"+num_c+" ) / ( "+num_s+" + "+num_a+" + "+num_b+" + "+num_c+" + "+num_d+" + "+num_e+" + "+num_f+" ) = "+result; } else { theForm.result.value = "0"; document.getElementById("text").innerText = ""; } } //--> </script> </head> <body bgcolor="#ffffff"> <h2>指定したQPAを足した平均</h2> 全体の平均=(Sの総得点+Aの総得点+Bの総得点+Cの総得点+Dの総得点+Eの総得点+Fの総得点)/(Sの総単位数+Aの総単位数+Bの総単位数+Cの総単位数+Dの総単位数+Eの総単位数+Fの総単位数) <form name="myForm"> <p>S:<input type="text" name="num_s" value="0"></p> <p>A:<input type="text" name="num_a" value="0"></p> <p>B:<input type="text" name="num_b" value="0"></p> <p>C:<input type="text" name="num_c" value="0"></p> <p>D:<input type="text" name="num_d" value="0"></p> <p>E:<input type="text" name="num_e" value="0"></p> <p>F:<input type="text" name="num_f" value="0"></p> <p><input type="button" value="計算" onclick="calc(this.form);"></p> <div id="text"></div> <p>平均点<input type="text" value="0" name="result" ></p> </form> </body> </html>

その他の回答 (1)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

釣りっぽさが満載ですが・・・ まずインタフェースはどうするのでしょう? inputでS~Fまで列記? それとロジックがわからない S=4、B=2という命題で、Sに4,Bに3を入れるとどういう根拠で 平均が3になるのですか?

関連するQ&A

  • javascriptに関する質問です

    javascriptに関する質問です タグの"<",">"を入力したら"&t","&gt"に置き換えまた(ダブルオークション)を入力したら&qut ""また(空白)を入力したら&mbsp;また"&"を入力したら&ampに置き換えるjavascriptを作りたいのですがいまいちどう作ればいいのか方向が分かりませんどなたかご教授ください 個人としてはremoveTagを使い変更したいですがなかなかうまくいきません どなたかご教授ください !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>タグを置き換える</title> <script language="JavaScript" type="text/javascript"> <!-- function removeTag() { var str = document.myForm.before.value; var newStr = str.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/\s/g,'&nbsp;'); document.myForm.after.value = newStr }

  • javascriptからframeへの出力方法

    <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'> <html> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"> function init(){ $("f1").innerHTML = "hoge"; $("f2").innerHTML = "piyo"; } </script> </head> <frameset cols="50%,*" onload="init()" > <frame id="f1"> <frame id="f2"> </frameset> </body> </html> 上記、二つに分けたフレームにそれぞれ"hoge"と"piyo"と表示したいのですが出来ません。フレームにjavascriptからアクセスするにはどうしたらよいですか?

  • javascriptに関する質問です

    黒、ディムグレイ、灰、黒灰、銀、ライト灰、白の順でひだり側から文字でなくて色だけを間隔なしで表示させたいのですがなかなかうまくいきませんどなたかお教えください。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>文字の色を変える、</title> </head> <body bgcolor="#ffffff"> <script language="JavaScript" type="text/javascript"> <!-- //#RRGGBB形式による色の設定 var myStr; myStr += "黒".fontcolor("#000000"); myStr +="ディムグレイ".fontcolor("#696969"); myStr +"灰".fontcolor("#8080809"); myStr +"黒灰".fontcolor("#A9A9A9"); myStr+"銀".fontcolor("#C0COCO") myStr+"ライト灰".fontcolor("#D3D3D3") myStr+"白".fontcolor("#FFFFFF") document.write //--> </script> </body> </html>

  • firefox+xhtml+javascript

    お世話になっております。 divをweb上でドラッグできるスクリプトを組みました。 Opera9.6,IE6では動いているのですが、Firefoxでは、ある条件下でしか動きません。 ある条件とは、DOCTYPEの宣言がされていないことで、XHTMLにしようとDOCTYPEを宣言すると、動作しなくなってしまいます。 <?xml version='1.0' encoding='UTF-8'?> <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'> <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='ja'> <head> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' /> <meta http-equiv='Content-Script-Type' content='text/javascript' /> <title>test</title> <script type='text/javascript' src='FILENAME.js'></script> -------- <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'> を消せば動きます。 仮に、DOCTYPEをHTML4.1などにしても動きません。 クオートをシングルからダブルにしても同じです。 動かない状態でも、JS自体は読んで、onload関数の中は見に行っているようです(alertを埋め込んだらでたので) 可能性として、 外部ファイルのJSの書き方に問題があるのでしょうか? それとも、HTML側に問題があるのでしょうか? ソースを見なくても何か考えられることがあれば、教えてください。 よろしくお願いします。

  • JavaScriptのオン/オフの使い分け

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="refresh" content="3;url=jtestOFF.html"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>JavaScriptのオン/オフ状態に応じて表示するページを変える</title> <script Language="JavaScript"> <!-- location.href = "jtestON.html"; // --> </script> </head> <body> しばらく、お待ちください。 </body> </html> 上記タグは某サイトの例文をコピペしたのもです。 http://time3.sakura.ne.jp/sub/QandA/diary/jscheck1.html 正しく動作するのですがJavaScriptがオンの時 ブラウザの「戻る」をクリックしてもページが元のページに戻りません。 何か良いお知恵はないものでしょうか?

  • javascriptについての質問です

    先ほどと同じ質問ですが黒、ディムグレイ、灰、黒灰、銀、ライト灰、白の順でひだり側から文字でなくて色だけを間隔なしで表示させたいのですがなかなかうまくいきませんどなたかお教えください。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>文字の色を変える、</title> </head> <body bgcolor="#ffffff"> <script language="JavaScript" type="text/javascript"> <!-- //#RRGGBB形式による色の設定 var myStr; <span style="border:thin solid red" ><span style="color:white;background-color:#000000">Black</span ><span style="color:white;background-color:#696969">Dimm gray</span ><span style="color:white;background-color:#808080">Gray</span ><span style="color:black;background-color:#A9A9A9">Dirk gray</span ><span style="color:black;background-color:#C0C0C0">Silver</span ><span style="color:black;background-color:#D3D3D3">Light gray</span ><span style="color:black;background-color:#FFFFFF">White</span ></span> document.write //--> </script> </body> </html>

  • このソースどういう意味ですか【JavaScript】

    <HTML> <HEAD> <TITLE>JavaScript Sample</TITLE> <META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> </HEAD> <BODY> : <INPUT TYPE="button" VALUE="OK" onClick="~"> : </BODY> </HTML> このソースの中の <META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> の部分ってどういう意味ですか? 特にTypeとHTTP-EQUIVの部分については個別で詳しく知りたいです。 回答よろしくお願いします。

  • JavaScriptの件

    初心者用JavaScriptの本で下記のソースを本の通り打ち込んだと思うのですが、何度打ちなおしても「ページにエラーが発生しました」が出てしまいます。どなたかどこが間違っているのか教えて下さい。よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>関数の練習</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT language="JavaScript"> <!-- function kotae(){ var yama="富士山"; alert(yama); } //--> </script> </head> <body> <h3>問題</h3> 日本で一番高い山は? <BUTTON onClick="kotae()">答えを見る</BOTTON> </body> </html>

  • WEBページへのJavascriptの反映

    WEBページにJavascriptが反映されません。 Eclipseを使用しているのですが、httpプレビューにも反映されていません。 コードの位置に、;だけ残っていたりします。 作成は、静的WEBプロジェクトで、エンコードの設定はUTF-8にしています。 コードもおそらく間違えてはいないと思うのですが・・・ ご教授頂ければ助かります。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>index</title> </head> <body> <script type="text/javascript"> <!-- var x 123; if (x % 2 == 0) document.write(x + "は偶数"); else document.write(x + "は奇数"); //--> </script> </body> </html>

  • JavascriptでObjectからJSON形式変換するにはどうすればいいでしょうか?

    toSourceだと少し違うし、どうすればいいのでしょうか。簡単に変換できる関数でもあればいいのですが、わかりませんでした。 どなたかご教授お願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>objctからJSONに変換</title> <script type="text/javascript"> obj = new Object(); obj.test = "txt"; str = obj.toSource(); document.write(str); //--> </script> </head> <body> </body> </html>

専門家に質問してみよう