• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:2項目計算って可能でしょうか?)

2項目計算って可能でしょうか?

このQ&Aのポイント
  • JavaScriptを使用して、一つの項目に2つの要素を含む計算を行うことは可能でしょうか?
  • ダイエットの目安となる運動量とその金額換算表を作成し、複数の設問を用意してyes・noチェックだけで結果を導くことは可能でしょうか?
  • 質問者は、今日のカロリー消費と節約金額を計算するために、複数の設問を使いたいと考えています。

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

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

方法はいろいろあると思いますので、あくまでも、可能という意味での一例 <html> <head> <style type="text/css"> .Q div , .result{ margin-top:1em; font-weight:bold;} .Q input, #res { margin-left:3em; } </style> <script> function calc(f) { var i = 0, e, str, r, r1 = 0, r2 = 0; while (e = f.elements[i++]) { if (e.type=='radio' && e.checked) { r = e.value.split(','), r1 += parseInt(r[0]), r2 += parseInt(r[1]); } } str = '本日の消費カロリーは' + r1 + 'キロカロリーで、<br>牛乳' + r2 + '本分にあたる' + (r2*100) + '円節約。'; document.getElementById('res').innerHTML = str; } </script> </head> <body> <form class="Q" onclick="calc(this)"> <div>設問1: 今日10km歩いた</div> <input type="radio" name="Q1" value="10,3">Yes <input type="radio" name="Q1" value="0,0">No <div>設問2: 今日、腹筋100回した</div> <input type="radio" name="Q2" value="5,1">Yes <input type="radio" name="Q2" value="0,0">No </form> <hr> <div class="result"><結果></div> <div id="res"></div> </body> </html>

ziggy_mao
質問者

お礼

有難う御座います。 2項目と言いながら、3項目でした・・・ 私のイメージと全く同じです。

その他の回答 (1)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

質問の牛乳本数計算ロジックが変です。 10キロカロリーで牛乳3本 300円なら、 5キロカロリーで牛乳1.5本 150円、 500キロカロリーなら牛乳50本で、50000円のはず。 どおいう積算を意図しているのですか?

ziggy_mao
質問者

お礼

ご指摘有難う御座います。