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)のように書き直して実行すると動作しません。どの部分に問題があるのかを知りたいです。 よろしくお願いします。
質問は編集できますのでMarkDown文法を使ってご質問ください。
formのnameにjsと入れるのは、JavaScript上の処理に影響を及ぼしかねないので、やめましょう。
動作はしてますよ。どうなったらゴールなのか書いてください。
というかそのゴールが決まってればやることは決まるので質問するまでもなく解決できるはずです。
miyabi_takatsukさん。分かりました。
質問は編集できますので 回答にとびつくよりも優先的に指摘にそって質問内容調整いただけたらと。
説明不足ですみませんでした。「身長」「体重」を入力した後、「BMIを計算」のボタンをクリックしたときにalertではなく、「BMIを計算」のボタンの下に値を表示させたいのです。
<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件
あなたの回答
tips
プレビュー