Q&A
質問は編集できますのでMarkDown文法を使ってご質問ください。
javascript(A)
<html> <body> <form name = "keisan"> <p>身長(cm):<input type = "text" name="texta"></p> <p>体重(kg):<input type = "text" name="textb"></p> <input type = "button" value="BMIを計算" onclick = "calc()"></p> </form> <script> function calc(){ let h = parseInt(document.keisan.elements[0].value); let w = parseInt(document.keisan.elements[1].value); alert(w / ((h / 100)*(h / 100))); } </script> </body> <html>javascript(B)
<html> <body> <form name = "js"> <p>身長(cm):<input type = "number" id="height"></p> <p>体重(kg):<input type = "number" id="weight"></p> <input type = "button" value="BMIを計算" onclick = "calc()"></p> </form> <script> function calc(){ let h = Number(document.getElementById("height").value); let w = Number(document.getElementById("weight").value); let answer=(w / ((h / 100)*(h / 100))); return answer; } </script> </body> <html>Javascript(A)の記述を使ってJavascript(B)のように書き直して実行すると動作しません。どの部分に問題があるのかを知りたいです。 よろしくお願いします。
formのnameにjsと入れるのは、JavaScript上の処理に影響を及ぼしかねないので、やめましょう。
動作はしてますよ。どうなったらゴールなのか書いてください。
というかそのゴールが決まってればやることは決まるので質問するまでもなく解決できるはずです。
miyabi_takatsukさん。分かりました。
質問は編集できますので 回答にとびつくよりも優先的に指摘にそって質問内容調整いただけたらと。
説明不足ですみませんでした。「身長」「体重」を入力した後、「ＢＭＩを計算」のボタンをクリックしたときにalertではなく、「ＢＭＩを計算」のボタンの下に値を表示させたいのです。
<html>
<body>
<form name = "js">
<p>身長(cm):<input type = "number" id="height"></p>
<p>体重(kg):<input type = "number" id="weight"></p>
<input type = "button" value="BMIを計算" onclick = "calc()"></p>
</form>
<script>
function calc(){
let h = Number(document.getElementById("height").value);
let w = Number(document.getElementById("weight").value);
let answer=(w / ((h / 100)*(h / 100)));
return answer;
}
</script>
</body>
<html>
解答編集しました。
質問は編集できますので 回答にとびつくよりも優先的に指摘にそって質問内容調整いただけたらと。
回答4件
0
ベストアンサー
returnするのはいいですが、returnしたものをどうするか書いていません。
returnを使いたいなら以下の通り
HTML
1 2<form name = "js"> 3<p>身長(cm):<input type = "number" id="height"></p> 4<p>体重(kg):<input type = "number" id="weight"></p> 5<input type = "button" value="BMIを計算" onclick = "bmi()"></p> 6</form> 7<div id=output></div>
js
1function bmi(){ 2 output.innerHTML = calc(); 3} 4 5function calc(){ 6let h = Number(document.getElementById("height").value); 7let w = Number(document.getElementById("weight").value); 8let answer=(w / ((h / 100)*(h / 100))); 9return answer; 10} 11
投稿2020/01/22 02:05
編集2020/01/22 22:52総合スコア10429
return する利点が無いというところに低評価しました。calc という名前の関数に alert を入れるのは気持ち悪いです。calc は計算結果を return してほしいですね。その方がテストも容易になります。
HTMLの修正をしなくて良いのでそのように回答しましたが、確かにその通りです。修正しました。
return部分も修正しました。
calculation と calc が併用されていて calculation に alert が入っているのも少し引っかかりますが、低評価を外しました。
asuchi0819さん、ありがとうございました。
こんな風にすればできるのだと思いました。勉強になりました。
0
html
1<input type = "button" value="BMIを計算" onclick = "if(n=calc()) alert(n)"></p>
投稿2020/01/22 02:25
総合スコア114821
その手があったか…！
一番さっくりしてる気がします。
0
そりゃ出ないよ
ボタン押下時の処理でcalc呼ぶとこまではOKですが
calcの戻り値に答えを返して終わってますよね。
ボタンがその後何するわけでも無いので終わりです。
質問者さんがダイアログ出したいなら、returnではなく
alertで出力して下さい。
投稿2020/01/22 02:10
総合スコア333
0
calcが値を返してるだけだからです。
Aの記述は、alertで値をアラートで表示してますが、
Bの記述は、値を返してるだけで、その先の処理はなんもしてません。
"表示"がどこに表示することを意図したことかわかりませんが、
alertや、console.logとか使えばどこかしろに表示はされます。
投稿2020/01/22 02:09
総合スコア9528
あなたの回答
tips
プレビュー
