JavaScript if / else

<JavaScript Dichiarazioni di riferimento

Esempio

Se l'ora corrente (HOUR) è inferiore a 20:00, uscita "Good day" in un elemento con id = "demo":

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

Il risultato sarà:

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

L'istruzione if / else esegue un blocco di codice se la condizione specificata è vera. Se la condizione è falsa, un altro blocco di codice può essere eseguito.

L'istruzione if / else è una parte di JavaScript "Conditional" Le dichiarazioni, che vengono utilizzati per eseguire diverse azioni in base alle condizioni diverse.

In JavaScript abbiamo le seguenti istruzioni condizionali:

Utilizzare if per specificare un blocco di codice da eseguire, se una condizione specificata è vera
Utilizzare else per specificare un blocco di codice da eseguire, se la stessa condizione è falsa
Utilizzare else if per specificare una nuova condizione per verificare, se la prima condizione è falsa
Utilizzare switch per selezionare uno dei molti blocchi di codice da eseguire

Supporto browser

dichiarazione
if/else	sì	sì	sì	sì	sì

Sintassi

L'istruzione if specifica un blocco di codice da eseguire se la condizione è vera:

if ( L'istruzione else specifica un blocco di codice da eseguire se la condizione è falsa:

if ( L'else if specifica una nuova condizione, se la prima condizione è falsa:

if ( valori dei parametri

Parametro	Descrizione
condition	Necessario. Un'espressione che restituisce true o false

Dettagli tecnici

Versione JavaScript:	1.0

Altri esempi

Esempio

Se il tempo è inferiore a 20:00, creare un "Good day" di saluto, altrimenti "Good evening" :

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

Il risultato di saluto sarà:

Prova tu stesso "

Esempio

Se il tempo è inferiore a 10:00, creare un "Good morning" di saluto, se non, ma il tempo è inferiore a 20:00, creare un "Good day" di saluto, altrimenti un "Good evening" :

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

Il risultato di saluto sarà:

Prova tu stesso "

Esempio

Se il primo <div> elemento nel documento ha un id di "myDIV" , modificare la sua font-size:

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

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

Prova tu stesso "

Esempio

Modificare il valore della source attributo (src) di un <img> elemento, se l'utente clicca sull'immagine:

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

Prova tu stesso "

Esempio

Visualizzare un messaggio in base all'input dell'utente:

Prova tu stesso "

Esempio

Convalida dati di input:

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";
}

Prova tu stesso "