<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
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