JavaScript, jeśli... w przeciwnym razie
Przykład
Jeśli godzina jest krótsza niż 20, wypisz „Dzień dobry”:
let hour = new Date().getHours();
if (hour < 20) {
document.getElementById("demo").innerHTML = "Good day";
}
Wyjście „Dzień dobry” lub „Dobry wieczór”:
let hour = new Date().getHours();
if (hour < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
Więcej przykładów poniżej.
Definicja i użycie
Instrukcja if/else wykonuje blok kodu, jeśli określony warunek jest prawdziwy. Jeśli warunek jest fałszywy, można wykonać kolejny blok kodu.
Instrukcja if/else jest częścią instrukcji „Warunkowych” JavaScript, które są używane do wykonywania różnych działań w oparciu o różne warunki.
W JavaScript mamy następujące instrukcje warunkowe:
- Użyj if, aby określić blok kodu do wykonania, jeśli określony warunek jest prawdziwy
- Użyj else, aby określić blok kodu do wykonania, jeśli ten sam warunek jest fałszywy
- Użyj else if, aby określić nowy warunek do przetestowania, jeśli pierwszy warunek jest fałszywy
- Użyj przełącznika, aby wybrać jeden z wielu bloków kodu do wykonania
Składnia
Instrukcja if określa blok kodu, który ma zostać wykonany, jeśli warunek jest spełniony:
if (condition) {
// block of code to be executed if the condition is true
}
Instrukcja else określa blok kodu, który ma zostać wykonany, jeśli warunek jest fałszywy:
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
}
Instrukcja else if określa nowy warunek, jeśli pierwszy warunek jest fałszywy:
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
}
Wartości parametrów
Parameter | Description |
---|---|
condition | Required. An expression that evaluates to true or false |
Więcej przykładów
Jeśli czas jest krótszy niż 10:00, utwórz powitanie „Dzień dobry”, jeśli nie, ale czas jest krótszy niż 20:00, utwórz powitanie „Dzień dobry”, w przeciwnym razie „Dobry wieczór”:
var time = new Date().getHours();
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
Jeśli pierwszy element <div> w dokumencie ma identyfikator „myDIV”, zmień jego rozmiar czcionki:
var x = document.getElementsByTagName("DIV")[0];
if (x.id === "myDIV") {
x.style.fontSize = "30px";
}
Zmień wartość atrybutu źródłowego (src) elementu <img>, jeśli użytkownik kliknie na obrazek:
<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>
Wyświetl wiadomość na podstawie danych wprowadzonych przez użytkownika:
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..";
}
Sprawdź poprawność danych wejściowych:
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";
}
Powiązane strony
Samouczek JavaScript: JavaScript Jeśli...Inne instrukcje
Samouczek JavaScript: instrukcja przełączania JavaScript
Obsługa przeglądarki
if...else
to funkcja ECMAScript1 (ES1).
ES1 (JavaScript 1997) jest w pełni obsługiwany we wszystkich przeglądarkach:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |