JavaScriptでBMIを計算するツールを作ろうと思います。

JavaScript
1<!DOCTYPE html>
2<html>
3    <head>
4        <meta charset="UTF-8">
5        <script>
6            function calcBMI() {
7                var a = document.getElementById("i0").value;
8                var b = document.getElementById("i1").value;
9                // ココに何を入れればいいのかわからない
10        }
11        </script>
12    </head>
13    <body>
14        <h2>BMI計算機</h2>
15        身長(m):<input id ="i0" value=1.77 />
16        体重(kg):<input id ="i1" value=59 />
17                <button onclick="calcBMI()">check</button>
18        <p id="result"></p>
19    </body>
20</html>

```###前提・実現したいこと
aとbを宣言するところまでは書けたのですが、a/bを実行するプログラムの書き方がわからないです。プログラミング初心者の私でもわかる説明をよろしくお願いします<m(__)m>


###補足情報(言語/FW/ツール等のバージョンなど)
使用ツール：visual studio Code

行動規範の内容に同意します

回答4件

ベストアンサー

素直に書くなら以下のようになるかと思います。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script>
            function calcBMI() {
                var height = document.getElementById("height").value;
                var weight = document.getElementById("weight").value;
                // ここから新しく書いています
                var bmi = weight / (height * height);
                alert('BMI: ' + bmi);
            }
        </script>
    </head>
    <body>
        <h2>BMI計算機</h2>
        身長(m):<input id="height" value=1.77 />
        体重(kg):<input id="weight" value=59 />
                <button onclick="calcBMI()">check</button>
        <p id="result"></p>
    </body>
</html>

ご自身で書いていた箇所は理解しているという前提で軽く解説します。

まず、変数名は分りやすいように変更しました。
aやbなどの変数名よりheightやweightと書くほうがわかりやすいでしょう。
同様にidも変更してあります。

肝心のBMI計算部分ですが、これも素直にBMIの定義から計算しているだけです。
JavaScriptdでは、割り算をするための演算子として/を、かけ算をするための演算子として*を用います。
BMIの定義は「体重[kg]/(身長[m]の二乗)」ですので、コードで表現すると「weight / (height * height)」です。
最後に、結果を表示するための方法はいくつかあると思いますが、簡単にalert()関数を利用しています。
これは、括弧の中に入れた値をアラートダイアログに表示する関数です。

投稿2016/09/20 14:23