JS-zelfstudie

JS HOME JS Introductie JS Waarheen? JS-uitgang JS-verklaringen JS-syntaxis JS-opmerkingen JS-variabelen JS Let JS Const JS-operators JS Rekenen JS-opdracht JS-gegevenstypen JS-functies JS-objecten JS-evenementen JS-snaren JS String-methoden JS String zoeken JS String-sjablonen JS-nummers JS-nummermethoden JS-arrays JS-array-methoden JS-array sorteren JS-array-iteratie JS Array Const JS-datums JS-datumnotaties JS Datum Ophaalmethoden Methoden voor het instellen van JS-datum JS Math JS Willekeurig JS Booleans JS-vergelijkingen JS-voorwaarden JS-schakelaar JS Loop For JS-lus voor binnen JS Loop For Of JS-lus terwijl JS Break JS-iteraties JS-sets JS-kaarten JS Typeof JS Type conversie JS Bitwise JS RegExp JS-fouten JS-bereik JS Hijsen JS strikte modus JS dit trefwoord JS-pijlfunctie JS-lessen JS JSON JS-foutopsporing JS-stijlgids JS-best practices JS-fouten JS-prestaties JS Gereserveerde Woorden

JS-versies

JS-versies JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-geschiedenis

JS-objecten

Objectdefinities Objecteigenschappen Objectmethoden Objectweergave Objectaccessoires Objectconstructeurs Objectprototypes Object-Iterables Objectsets Objectkaarten Objectreferentie

JS-functies

Functiedefinities Functieparameters: Functie-aanroep Functie-oproep: Functie Toepassen Functie Sluitingen

JS-lessen

Klas Intro Klasse Overerving Klasse Statisch

JS Asynchrone

JS-callbacks JS asynchroon JS belooft JS Async/Wachten

JS HTML DOM

DOM Intro DOM-methoden DOM-document DOM-elementen DOM HTML DOM-formulieren DOM-CSS DOM-animaties DOM-evenementen DOM-gebeurtenisluisteraar DOM-navigatie DOM-knooppunten DOM-collecties DOM-knooppuntlijsten

JS-browserstuklijst

JS-venster JS-scherm JS-locatie JS-geschiedenis JS-navigator JS pop-upwaarschuwing JS-timing JS-koekjes

JS Web API's

Introductie web-API Web Forms API Webgeschiedenis-API Webopslag-API Web Worker-API Web Fetch-API Webgeolocatie-API

JS AJAX

Ajax-intro AJAX XMLHttp Ajax-verzoek Ajax-reactie AJAX XML-bestand AJAX PHP Ajax ASP AJAX-database AJAX-toepassingen Ajax-voorbeelden

JS JSON

JSON-intro JSON-syntaxis JSON versus XML JSON-gegevenstypen JSON ontleden JSON Stringify JSON-objecten JSON-arrays JSON-server JSON PHP JSON HTML JSON JSONP

JS versus jQuery

jQuery-kiezers jQuery HTML jQuery CSS jQuery DOM

JS-graphics

JS-graphics JS Canvas JS Plotly JS Chart.js JS Google-kaart JS D3.js

JS-voorbeelden

JS-voorbeelden JS HTML DOM JS HTML-invoer JS HTML-objecten JS HTML-evenementen JS-browser JS-editor JS-oefeningen JS-quiz JS-certificaat

JS-referenties

JavaScript-objecten HTML DOM-objecten


JavaScript als anders en anders als


Voorwaardelijke instructies worden gebruikt om verschillende acties uit te voeren op basis van verschillende voorwaarden.


Voorwaardelijke stellingen

Heel vaak wil je bij het schrijven van code verschillende acties uitvoeren voor verschillende beslissingen.

U kunt hiervoor voorwaardelijke instructies in uw code gebruiken.

In JavaScript hebben we de volgende voorwaardelijke statements:

  • Gebruik ifom een ​​codeblok op te geven dat moet worden uitgevoerd, als een opgegeven voorwaarde waar is
  • Gebruik elseom een ​​codeblok op te geven dat moet worden uitgevoerd, als dezelfde voorwaarde onwaar is
  • Gebruik else ifom een ​​nieuwe voorwaarde op te geven om te testen, als de eerste voorwaarde onwaar is
  • Gebruiken switchom veel alternatieve codeblokken op te geven die moeten worden uitgevoerd

De switchstelling wordt beschreven in het volgende hoofdstuk.


De if-verklaring

Gebruik de ifinstructie om een ​​blok JavaScript-code op te geven dat moet worden uitgevoerd als een voorwaarde waar is.

Syntaxis

if (condition) {
  //  block of code to be executed if the condition is true
}

Merk op dat ifdit in kleine letters is. Hoofdletters (If of IF) genereren een JavaScript-fout.

Voorbeeld

Maak een "Goedendag"-begroeting als het uur minder dan 18:00 uur is:

if (hour < 18) {
  greeting = "Good day";
}

Het resultaat van de begroeting is:



De else-verklaring

Gebruik de elseinstructie om een ​​codeblok op te geven dat moet worden uitgevoerd als de voorwaarde onwaar 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
}

Voorbeeld

Als het uur minder dan 18 is, maak dan een "Goedendag"-begroeting, anders "Goedenavond":

if (hour < 18) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

Het resultaat van de begroeting is:

Good evening

De else if-verklaring

Gebruik de else ifinstructie om een ​​nieuwe voorwaarde op te geven als de eerste voorwaarde onwaar is.

Syntaxis

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
}

Voorbeeld

Als de tijd minder dan 10:00 is, maak dan een "Goedemorgen"-begroeting, zo niet, maar de tijd is minder dan 20:00 uur, maak dan een "Goedendag"-begroeting, anders een "Goedenavond":

if (time < 10) {
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

Het resultaat van de begroeting is:

Good evening

Meer voorbeelden


Dit voorbeeld schrijft een link naar W3Schools of naar de World Wildlife Foundation (WWF). Door een willekeurig getal te gebruiken, is er een kans van 50% voor elk van de links.


Test jezelf met oefeningen

Oefening:

Corrigeer de ifinstructie om "Hello World" te waarschuwen als deze xgroter is dan y.

if x > y 
  alert("Hello World");