最新のWeb開発のチュートリアル
 

JavaScriptもし/ else文

<JavaScriptステートメントリファレンス

例

現在の時刻であれば(HOUR) 20時00未満、出力である"Good day" ID =「デモ」を持つ要素で：

var time = new Date().getHours();
if (time < 20) {
    document.getElementById("demo").innerHTML = "Good day";
}

結果は次のようになります。

»それを自分で試してみてください

もっと"Try it Yourself"以下の例。

定義と使用法

指定された条件が真の場合のif / else文は、コードのブロックを実行します。 条件がfalseの場合、コードの別のブロックを実行することができます。

もし/ else文では、JavaScriptのの一部である"Conditional"さまざまな条件に基づいてさまざまなアクションを実行するために使用される文、。

JavaScriptでは、私たちは、次の条件文があります。

  • 使用するif 、指定された条件が真である場合、実行されるコードのブロックを指定します
  • 使用しelse同じ条件がfalseの場合、実行されるコードのブロックを指定します
  • 使用しelse if最初の条件がfalseの場合は、テストするための新しい条件を指定します
  • 使用switch実行するコードの多くのブロックのいずれかを選択します

ブラウザのサポート

ステートメント
if/else はい はい はい はい はい

構文

条件がtrueの場合ステートメントが実行されるコードのブロックを指定する場合 ：

if ( 条件が偽の場合はelse文が実行されるコードのブロックを指定しています。

if ( 最初の条件が偽であれば文は新しい条件を指定している場合、他 ：

if ( パラメータ値
パラメーター 説明
condition 必須。 trueまたはfalseに評価される式

技術的な詳細

JavaScriptのバージョン： 1.0
例

その他の例

例

時間が20:00よりも小さい場合は、作成"Good day"そうでない場合は、挨拶を"Good evening" ：

var time = new Date().getHours();
if (time < 20) {
    greeting = "Good day";
} else {
    greeting = "Good evening";
}

挨拶の結果は次のようになります。

»それを自分で試してみてください

例

時間は午前10時00分に満たない場合は、作成"Good morning"の挨拶、そうでない場合は、しかし、時間は20時00未満であるが、作成"Good day"挨拶、そうでない場合は"Good evening" ：

var time = new Date().getHours();
if (time < 10) {
    greeting = "Good morning";
} else if (time < 20) {
    greeting = "Good day";
} else {
    greeting = "Good evening";
}

挨拶の結果は次のようになります。

»それを自分で試してみてください

例

最初の場合<div>ドキュメント内の要素を持っているのID "myDIV" 、そのフォントサイズを変更します。

var x = document.getElementsByTagName("DIV")[0];

if (x.id === "myDIV") {
    x.style.fontSize = "30px";
}
»それを自分で試してみてください

例

値を変更source属性(src)の<img>ユーザが画像をクリックすると、要素。

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">

<script>
function changeImage() {
    var image = document.getElementById("myImage");
    if (image.src.match("bulbon")) {
        image.src = "pic_bulboff.gif";
    } else {
        image.src = "pic_bulbon.gif";
    }
}
</script>
»それを自分で試してみてください

例

ユーザー入力に基づいてメッセージを表示します。

var letter = document.getElementById("myInput").value;
var text;

// If the letter is "c"
if (letter === "c") {
    text = "Spot on! Good job!";

// If the letter is "c" or "e"
} else if (letter === "b" || letter === "d") {
    text = "Close, but not close enough.";

// If the letter is anything else
} else {
    text = "Waaay off..";
}
»それを自分で試してみてください

例

入力されたデータを検証します。

var x, text;

// Get the value of the input field with id="numb"
x = document.getElementById("numb").value;

// If x is Not a Number or less than 1 or greater than 10, output "input is not valid"
// If x is a number between 1 and 10, output "Input OK"

if (isNaN(x) || x < 1 || x > 10) {
    text = "Input not valid";
} else {
    text = "Input OK";
}
»それを自分で試してみてください

関連ページ

JavaScriptのチュートリアル： JavaScriptのであれば... elseステートメント

JavaScriptのチュートリアル： JavaScriptのswitchステートメント

<JavaScriptステートメントリファレンス