JavaScript se... altro
Esempio
Se l'ora è inferiore a 20, emette "Buona giornata":
let hour = new Date().getHours();
if (hour < 20) {
document.getElementById("demo").innerHTML = "Good day";
}
Output "Buongiorno" o "Buonasera":
let hour = new Date().getHours();
if (hour < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
Altri esempi di seguito.
Definizione e utilizzo
L'istruzione if/else esegue un blocco di codice se una condizione specificata è vera. Se la condizione è falsa, è possibile eseguire un altro blocco di codice.
L'istruzione if/else fa parte delle istruzioni "condizionali" di JavaScript, che vengono utilizzate per eseguire azioni diverse in base a condizioni diverse.
In JavaScript abbiamo le seguenti affermazioni 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 da verificare, se la prima condizione è falsa
- Utilizzare l' interruttore per selezionare uno dei tanti blocchi di codice da eseguire
Sintassi
L' istruzione if specifica un blocco di codice da eseguire se una condizione è vera:
if (condition) {
// block of code to be executed if the condition is true
}
L' istruzione else specifica un blocco di codice da eseguire se la condizione è falsa:
if (condition) {
// block of code to be executed if the condition is true
}
else {
// block of code to be executed if the condition is false
}
L' istruzione else if specifica una nuova condizione se la prima condizione è falsa:
if (condition1) {
// block of code to be executed if condition1 is true
}
else if (condition2) {
// block of code to be executed if the condition1 is false and condition2 is true
} else {
// block of code to be executed if the condition1 is false and condition2 is false
}
Valori dei parametri
| Parameter | Description |
|---|---|
| condition | Required. An expression that evaluates to true or false |
Altri esempi
Se l'ora è inferiore alle 10:00, crea un saluto "Buongiorno", in caso contrario, ma l'ora è inferiore alle 20:00, crea un saluto "Buongiorno", altrimenti "Buonasera":
var time = new Date().getHours();
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
Se il primo elemento <div> nel documento ha un id di "myDIV", cambia la sua dimensione del carattere:
var x = document.getElementsByTagName("DIV")[0];
if (x.id === "myDIV") {
x.style.fontSize = "30px";
}
Modificare il valore dell'attributo sorgente (src) di un elemento <img>, se l'utente fa clic 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>
Visualizza un messaggio in base all'input dell'utente:
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 "b" or "d"
} else if (letter === "b" || letter === "d") {
text = "Close, but not close enough.";
// If the letter is anything else
} else {
text = "Waaay off..";
}
Convalida i 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";
}
Pagine correlate
Esercitazione JavaScript: JavaScript If...Else Statements
Esercitazione JavaScript: istruzione Switch JavaScript
Supporto browser
if...else è una funzione ECMAScript1 (ES1).
ES1 (JavaScript 1997) è completamente supportato in tutti i browser:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |