Untitled

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <title>BMI計算機</title>
    <script><!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <title>BMI計算機</title>
    <script>
        // 事前準備
        // - ダウンロードZipを押す
        // - ダウンロードしたzipファイルを展開or解凍する
        // - 展開して得られたフォルダを開く
        // - このファイルをエディタとブラウザで開く

        // 課題1
        // 画面中の「タイトル」を「BMI計算機」に、
        // 「ボタン」を「計算する」に変更してください。
        // テキストエディタで変更を保存した後、ブラウザを再読み込みすると変更が反映されます。

        // 課題2
        // 身長ではなく、「あなたのBMIは～です」と表示するように変更してください。

        // 課題3
        // 小数ではなく、BMIを四捨五入した整数値を表示するように変更してください。
        // ヒント：「JavaScript 四捨五入」でググるといいです

        // 課題4
        // 身長が10cm以下ならば、「身長が変です」と表示してください。
        // 身長が変な場合はBMIは表示しないでください

        // 課題5
        // 名前の入力フォームを追加して「○○さんのBMIは～です」と表示するように変更してください

        function calcBmi() {
            // IDが「height」の要素の、値(value)を取得して、変数heightに代入する
            var h = document.getElementById('height').value

            // heightの値を表示
            alert('身長は' + h + 'cmです')
        }

    </script>
</head>

<body>
    <h1>タイトル</h1>
    <input type="text" id="height">
    <input type="text" id="weight">
    <button name="calc" id="calc" onclick="calcBmi()">ボタン</button>
</body>

</html>