javascript
1<html> 2 <head> 3 </head> 4 <body> 5 <div id=output> 6 <form name = "data"> 7 <p>身長(cm):<input type = "number" id="height"></p> 8 <p>体重(kg):<input type = "number" id="weight"></p> 9 <input type = "button" value="BMIを計算" onclick = "bmi()"></p> 10 </form> 11 </div> 12 13 14 <script> 15 function calc(){ 16 let h = Number(document.getElementById("height").value); 17 let w = Number(document.getElementById("weight").value); 18 let answer=(w / ((h / 100)*(h / 100))); 19 return answer; 20 } 21 22 function bmi(){ 23 output.innerHTML = calc(); 24 } 25 </script> 26 </body> 27 28</html> 29
以上の記述では身長、体重を入力してBMIを計算のボタンをクリックすると、結果は表示されますが、テキストボックスなどは消えてしまいます。
しかし上記の記述の一部を下記のように書き換えると、計算結果は表示されテキストボックスもボタンも表示されています。この <div id=output> </div>の記述がいくら考えても分かりません。
なぜなのでしょうか?よろしくお願いします。
<form name = "data"> <p>身長(cm):<input type = "number" id="height"></p> <p>体重(kg):<input type = "number" id="weight"></p> <input type = "button" value="BMIを計算" onclick = "bmi()"></p> </form> <div id=output> </div>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/01/31 06:19