JavaScript as ... anders
Voorbeeld
As die uur minder as 20 is, voer "Goeie dag" uit:
let hour = new Date().getHours();
if (hour < 20) {
document.getElementById("demo").innerHTML = "Good day";
}
Voer "Goeie dag" of "Goeie aand" uit:
let hour = new Date().getHours();
if (hour < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
Meer voorbeelde hieronder.
Definisie en gebruik
Die if/else-stelling voer 'n blok kode uit as 'n gespesifiseerde voorwaarde waar is. As die voorwaarde vals is, kan 'n ander blok kode uitgevoer word.
Die if/else stelling is deel van JavaScript se "Voorwaardelike" stellings, wat gebruik word om verskillende aksies uit te voer gebaseer op verskillende toestande.
In JavaScript het ons die volgende voorwaardelike stellings:
- Gebruik if om 'n blok kode te spesifiseer wat uitgevoer moet word, indien 'n gespesifiseerde voorwaarde waar is
- Gebruik else om 'n blok kode te spesifiseer wat uitgevoer moet word, as dieselfde toestand vals is
- Gebruik else if om 'n nuwe toestand te spesifiseer om te toets, as die eerste voorwaarde onwaar is
- Gebruik skakelaar om een van baie blokke kode te kies wat uitgevoer moet word
Sintaksis
Die if -stelling spesifiseer 'n blok kode wat uitgevoer moet word as 'n voorwaarde waar is:
if (condition) {
// block of code to be executed if the condition is true
}
Die else -stelling spesifiseer 'n blok kode wat uitgevoer moet word as die voorwaarde vals is:
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
}
Die else if -stelling spesifiseer 'n nuwe voorwaarde as die eerste voorwaarde onwaar is:
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
}
Parameterwaardes
| Parameter | Description |
|---|---|
| condition | Required. An expression that evaluates to true or false |
Meer voorbeelde
As die tyd minder as 10:00 is, skep 'n "Goeiemôre"-groet, indien nie, maar die tyd is minder as 20:00, skep 'n "Goeiedag"-groet, anders 'n "Goeieaand":
var time = new Date().getHours();
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
As die eerste <div>-element in die dokument 'n id van "myDIV" het, verander die lettergrootte daarvan:
var x = document.getElementsByTagName("DIV")[0];
if (x.id === "myDIV") {
x.style.fontSize = "30px";
}
Verander die waarde van die bronkenmerk (src) van 'n <img>-element, as die gebruiker op die prent klik:
<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>
Vertoon 'n boodskap gebaseer op gebruikerinvoer:
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..";
}
Valideer invoerdata:
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";
}
Verwante bladsye
JavaScript-tutoriaal: JavaScript If ... Else Statements
JavaScript Tutoriaal: JavaScript Switch Statement
Blaaierondersteuning
if...else is 'n ECMAScript1 (ES1) kenmerk.
ES1 (JavaScript 1997) word ten volle ondersteun in alle blaaiers:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |