tutoriais mais recente desenvolvimento web
 

JavaScript if / else

<JavaScript Demonstrações Referência

Exemplo

Se a hora atual (HOUR) é inferior a 20:00, saída de "Good day" em um elemento com id = "demo":

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

O resultado será:

Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

A instrução if / else executa um bloco de código se uma condição especificada for verdadeira. Se a condição for falsa, outro bloco de código pode ser executado.

A instrução if / else é uma parte do JavaScript "Conditional" Demonstrações, que são usados para executar ações diferentes com base em diferentes condições.

Em JavaScript temos as seguintes declarações condicionais:

  • Use if para especificar um bloco de código a ser executado, se uma condição especificada for verdadeira
  • Use else para especificar um bloco de código a ser executado, se a mesma condição é falsa
  • Use else if para especificar uma nova condição para testar, se a primeira condição é falsa
  • Use switch para selecionar um dos muitos blocos de código a ser executado

Suporte navegador

Declaração
if/else sim sim sim sim sim

Sintaxe

A declaração se especifica um bloco de código a ser executado se a condição for verdadeira:

if ( A outra declaração especifica um bloco de código a ser executado se a condição for falsa:

if ( O else if instrução especifica uma nova condição se a primeira condição é falsa:

if ( Os valores dos parâmetros
Parâmetro Descrição
condition Requeridos. Uma expressão que é avaliada como verdadeira ou falsa

Detalhes técnicos

JavaScript Versão: 1.0

Exemplos

mais Exemplos

Exemplo

Se o tempo é inferior a 20:00, criar um "Good day" saudação, caso contrário, "Good evening" :

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

O resultado de saudação será:

Tente você mesmo "

Exemplo

Se o tempo é inferior a 10:00, criar um "Good morning" saudação, se não, mas o tempo é inferior a 20:00, criar um "Good day" saudação, caso contrário, um "Good evening" :

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

O resultado de saudação será:

Tente você mesmo "

Exemplo

Se a primeira <div> elemento no documento tem um id de "myDIV" , mudar a sua font-size:

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

if (x.id === "myDIV") {
    x.style.fontSize = "30px";
}
Tente você mesmo "

Exemplo

Altere o valor da source atributo (src) de um <img> elemento, se o usuário clicar na imagem:

<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>
Tente você mesmo "

Exemplo

Exibir uma mensagem com base na entrada do usuário:

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..";
}
Tente você mesmo "

Exemplo

Validar dados de entrada:

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";
}
Tente você mesmo "

Páginas relacionadas

JavaScript Tutorial: JavaScript Se ... else

JavaScript Tutorial: JavaScript instrução switch


<JavaScript Demonstrações Referência