31:[] 2f:{"title":"Bedingungen – Übung","cells":[{"id":0,"value":"# Bedingungen – Übung\n\nJede Programmiersprache enthält Möglichkeiten, je nach Stand einer Variable jeweils anderen Code auszuführen.","pinned":false,"hidden":false,"mode":"md"},{"id":268,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":3,"value":"## `if/else`\n\n> Wenn diese Bedingung erfüllt ist, mach das. Ansonsten mach etwas anderes.","pinned":false,"hidden":false,"mode":"md"},{"id":272,"value":"win = Math.random() * 10000","pinned":true,"hidden":false,"mode":"ojs"},{"id":276,"value":"moreNuancedReaction(win)","pinned":true,"hidden":false,"mode":"ojs"},{"id":234,"value":"// Beispiel für if/else\nfunction reaction(winnings) {\n let reaction;\n\n if (winnings > 9000) {\n reaction = \"🤯\";\n } else {\n reaction = \"😄\";\n }\n\n return reaction;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":281,"value":"function moreNuancedReaction(winnings) {\n let reaction;\n\n if (winnings >= 9000) {\n reaction = \"🤯\";\n } else if (winnings >= 5000) {\n reaction = \"😄\";\n } else if (winnings >= 1000) {\n reaction = \"😅\";\n } else {\n reaction = \"😖\";\n }\n\n return reaction + \" \" + winnings;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":288,"value":"moreNuancedReaction2(5500)","pinned":true,"hidden":false,"mode":"ojs"},{"id":286,"value":"function moreNuancedReaction2(winnings) {\n let reaction;\n\n if (winnings >= 1000) {\n reaction = \"😄\";\n }\n \n if (winnings >= 5000) {\n reaction = \"😱\";\n }\n\n return reaction;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"## `switch`","pinned":false,"hidden":false,"mode":"md"},{"id":230,"value":"// Beispiel für Switch","pinned":true,"hidden":false,"mode":"ojs"},{"id":306,"value":"trafficLight = \"go\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":310,"value":"showTrafficLightBulb(trafficLight)","pinned":true,"hidden":false,"mode":"ojs"},{"id":307,"value":"function showTrafficLightBulb(state) {\n switch (state) {\n case \"go\":\n return \"🟢\";\n\n case \"wait\":\n return \"🟠\";\n\n case \"stop\":\n return \"🔴\";\n\n default:\n return \"💥\";\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":67,"value":"## Logische Operatoren\n\nLogische Operatoren erlauben es, Vergleiche zu kombinieren und komplexere Fragen zu beantworten.","pinned":false,"hidden":false,"mode":"md"},{"id":69,"value":"### OR `||`\n\nEntspricht dem logischen «oder». Ein Ausdruck ist dann wahr (_`true`_), wenn mindestens ein Ausdruck auf einer der beiden Seiten des Operators `||` `true` ist.","pinned":false,"hidden":false,"mode":"md"},{"id":319,"value":"true || false","pinned":true,"hidden":false,"mode":"ojs"},{"id":322,"value":"true || true","pinned":true,"hidden":false,"mode":"ojs"},{"id":324,"value":"false || false","pinned":true,"hidden":false,"mode":"ojs"},{"id":326,"value":"false || true","pinned":true,"hidden":false,"mode":"ojs"},{"id":331,"value":"doYouLikeCorianderOrFennel = true || false","pinned":true,"hidden":false,"mode":"ojs"},{"id":89,"value":"### AND `&&`\n\nEntspricht dem logischen «und». Ein Ausdruck ist dann `true`, wenn die Ausdrücke auf beiden Seiten des Operators `&&` `true` sind.","pinned":false,"hidden":false,"mode":"md"},{"id":333,"value":"true && true","pinned":true,"hidden":false,"mode":"ojs"},{"id":335,"value":"true && false","pinned":true,"hidden":false,"mode":"ojs"},{"id":337,"value":"false && true","pinned":true,"hidden":false,"mode":"ojs"},{"id":339,"value":"false && false","pinned":true,"hidden":false,"mode":"ojs"},{"id":341,"value":"doYouLikeCorianderAndFennel = true && false","pinned":true,"hidden":false,"mode":"ojs"},{"id":104,"value":"### NOT `!`\n\nEin vorangestelltes `!` kehrt den folgenden Ausdruck um. Aus `true` wird `false`, aus `false` wird `true`.","pinned":false,"hidden":false,"mode":"md"},{"id":343,"value":"!false","pinned":true,"hidden":false,"mode":"ojs"},{"id":345,"value":"!true","pinned":true,"hidden":false,"mode":"ojs"},{"id":347,"value":"false && !true","pinned":true,"hidden":false,"mode":"ojs"},{"id":129,"value":"Natürlich verwendet man selten die boolschen Werte direkt. In den meisten Fällen wird mit Vergleichen gearbeitet – oder anderen Funktionen, die einen boolschen Wert zurückgeben.\n\nDie Vergleiche sind den in der Mathematik verwendeten Operatoren ähnlich:","pinned":false,"hidden":false,"mode":"md"},{"id":350,"value":"","pinned":true,"hidden":false,"mode":"ojs"},{"id":135,"value":"### Grösser als, Kleiner als (`>`, `<`)","pinned":false,"hidden":false,"mode":"md"},{"id":352,"value":"200 > 100","pinned":true,"hidden":false,"mode":"ojs"},{"id":354,"value":"100 < 200","pinned":true,"hidden":false,"mode":"ojs"},{"id":356,"value":"200 < 100","pinned":true,"hidden":false,"mode":"ojs"},{"id":149,"value":"### Grösser oder gleich als, Kleiner oder gleich als (`<=`, `>=`)","pinned":false,"hidden":false,"mode":"md"},{"id":364,"value":"zahl = 90","pinned":true,"hidden":false,"mode":"ojs"},{"id":358,"value":"zahl >= 100","pinned":true,"hidden":false,"mode":"ojs"},{"id":360,"value":"200 >= 200","pinned":true,"hidden":false,"mode":"ojs"},{"id":362,"value":"200 > 200","pinned":true,"hidden":false,"mode":"ojs"},{"id":157,"value":"### Gleichheit (`===`)\n\nDa das Zeichen `=` schon für die Zuweisung von Werten zu Variablen verwendet wird, werden für die Gleichheit drei `=` verwendet.","pinned":false,"hidden":false,"mode":"md"},{"id":368,"value":"200 === 200","pinned":true,"hidden":false,"mode":"ojs"},{"id":370,"value":"120 === 200","pinned":true,"hidden":false,"mode":"ojs"},{"id":372,"value":"\"ein string\" === \"Ein String\" || \"tomate\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":374,"value":"\"ein string\" === \"Ein String\" ","pinned":true,"hidden":false,"mode":"ojs"},{"id":165,"value":"### Nicht-Gleichheit (`!==`)","pinned":false,"hidden":false,"mode":"md"},{"id":175,"value":"Die beiden letzten Typen können nicht nur für Zahlen, sondern auch für andere Typen verwendet werden:","pinned":false,"hidden":false,"mode":"md"},{"id":393,"value":"\"ein string\" !== \"Ein String\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":395,"value":"\"ein string\" !== \"ein string\" ","pinned":true,"hidden":false,"mode":"ojs"},{"id":56,"value":"## Links und Dokumentation zu Vergleichen (_Comparisons_) und Bedingungen (_Conditionals_)\n\n- [Comparisons](https://javascript.info/comparison) (Modern JavaScript)\n- [Expressions and operators](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#comparison_operators) (MDN)\n- [Control flow and error handling](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling) (MDN)\n- [Conditional branching: if, '?'](https://javascript.info/ifelse) (Modern JavaScript)\n- [The \"switch\" statement](https://javascript.info/switch) (Modern JavaScript)","pinned":false,"hidden":false,"mode":"md"},{"id":213,"value":"##### Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":215,"value":"import { style } from \"@cas-datenvisualisierung/style\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":217,"value":"style","pinned":true,"hidden":false,"mode":"ojs"},{"id":219,"value":"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}

Lernziel