JavaScript 条件式(If文）

JavaScript 目次 - ray88’s diary
JavaScript if文サンプルコード - ray88’s diary
■ｉｆ文の式

if (条件式) {
  命令文1;
}

■ｉｆ~ｅｌｓｅ式

if (条件式) {
  命令文1;
} else {
  命令文2;
}

■ｉｆ~ｅｌｓｅｉｆ~ｅｌｓｅ式

if (条件式1) {
  命令文1;
} else if (条件式2){
  命令文2;
} else {
  命令文3;
}

■使用例

<html>
    <head>
        <meta charset="UTF-8">
        <script>
            function check() {
                var a = document.getElementById("i0").value;
                var b = document.getElementById("i1").value;
                if (a == b) {
                    document.getElementById("result").textContent = "同じ！"
                }
                else {
                    document.getElementById("result").textContent = "はずれ"
                }
            }
        </script>
    </head>
    <body>
        <h2>神経衰弱</h2>
        カード１:<input id="i0" value="3" />
        カード２:<input id="i1" value="5" />
        <button onclick="check()">check</button>
        <p id="result"></p>
    </body>
</html>

■使用例
getDay()は曜日を返す関数。「new Date().getDay()」で今日の曜日が取得できる。

<html>
    <head>
        <meta charset="UTF-8">
        <script>
            window.onload = function () {
                var str = "";
                var day = new Date().getDay();
                if (day == 0) {
                    str = "日";
                } else if (day == 1) {
                    str = "月";
                } else if (day == 2) {
                    str = "火";
                } else if (day == 3) {
                    str = "水";
                } else if (day == 4) {
                    str = "木";
                } else if (day == 5) {
                    str = "金";
                } else if (day == 6) {
                    str = "土";
                }
                document.getElementById("day").textContent = str;

                
            }
        </script>
    </head>
    <body>
        <h1>今日は<span id="day"></span>曜日</h1>
    </body>
</html>

ray88.hatenablog.com
ray88.hatenablog.com