- ベストアンサー
Java Scriptでテキストボックスの入力を計算する方法
- Java Scriptを使用してテキストボックスの入力を計算する方法を教えてください。
- テキストボックスに目標タイムを入力して、必要な時速とキロ当たりのペースを出すフォームを作成しました。
- キロ当たりのペースを分と秒で表示させる方法を教えてください。
- macky_design
- お礼率0% (0/2)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<html> <head> <script type="text/javascript"> function calc(frm) { var h = parseFloat(frm.elements["a"].value); var result = Math.round(42.195 / h * 10) / 10; document.getElementById('span1').innerHTML = result; result = Math.floor(h / 42.195 * 60); document.getElementById('span2').innerHTML = result; result = Math.round(h / 42.195 * 60 * 60) % 60; document.getElementById('span3').innerHTML = result; result = Math.round(1 / 42.195 * 5 * h * 100) / 100; document.getElementById('span4').innerHTML = result; } </script> </head> <body> <form> <input type="text" name="a"> <input type="button" value="計算" onClick="calc(this.form)"><br> 計算結果<br> <div>時速 <span id="span1"></span>km/h</div> <div>キロペース <span id="span2"></span>分 <span id="span3"></span>秒</div> <div>5km <span id="span4"></span>時間</div> </form> </body> </html>
その他の回答 (1)
- fujillin
- ベストアンサー率61% (1594/2576)
javascriptではなく、HTMLの問題の様に思えます。 <div>～</div>で記しているので、（ブロック要素なので）結果的に改行されてしまうことになるのでは？ 無理やりそのままで1行にするなら、CSSで #result_2, #result_3 { display:inline; } とするとか？ このあたり（↓）で、HTMLをチェックしてみることをお勧めします。 http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
