[{"data":1,"prerenderedAt":111},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Fexpressions-and-logic\u002Fguide-if-else-logic":3},{"id":4,"title":5,"body":6,"category":98,"description":99,"extension":100,"keywords":101,"meta":102,"navigation":103,"order":104,"path":105,"rawbody":106,"seo":107,"stem":108,"updated":109,"__hash__":110},"helpDe\u002Fhelp\u002Fexpressions-and-logic\u002Fguide-if-else-logic.de.md","Guide: IF \u002F ELSE-Logik",{"type":7,"value":8,"toc":95},"minimark",[9,22,53,59,64,67,74],[10,11,12,13,17,18,21],"p",{},"Die ",[14,15,16],"code",{},"IF","-Function wählt anhand einer Bedingung zwischen zwei Werten: ",[14,19,20],{},"IF(condition, valueIfTrue, valueIfFalse)",". Damit können Teile eines Designs auf das reagieren, was Nutzer eingeben.",[10,23,24,28,29,32,33,38,39,42,43,45,46,48,49,52],{},[25,26,27],"strong",{},"Ein Element zeigen oder verbergen."," Verbinde die ",[25,30,31],{},"Visibility"," eines Elements mit einem true\u002Ffalse-Wert. Bei einer ",[34,35,37],"a",{"href":36},"\u002Fhelp\u002Finput-fields\u002Fcheckbox-input-fields","Checkbox",", deren Variable ",[14,40,41],{},"showBadge"," ist, nutze einfach ",[14,44,41],{},": Das Element erscheint nur, wenn die Box angehakt ist. Die ",[14,47,16],{},"-Form ",[14,50,51],{},"IF(showBadge, true, false)"," macht dasselbe und ist praktisch, wenn die Bedingung komplexer ist.",[10,54,55,58],{},[25,56,57],{},"Einen Wert wechseln."," Ändere eine Farbe je nach Auswahl:",[10,60,61],{},[14,62,63],{},"IF(isDark, `#ffffff`, `#000000`)",[10,65,66],{},"Das macht Text auf einem dunklen Theme weiß und sonst schwarz.",[10,68,69],{},[70,71],"img",{"alt":72,"src":73},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F363d0ade-dd02-47eb-68f7-d34e4a07b400\u002Fmax",[10,75,76,79,80,83,84,87,88,90,91,94],{},[25,77,78],{},"Eine Bedingung prüfen."," Die Bedingung kann ein Vergleich wie ",[14,81,82],{},"price > 100"," sein oder eine Prüfung wie ",[14,85,86],{},"IS_EMPTY_STRING(subtitle)",", um einen Untertitel zu verbergen, wenn er leer gelassen wird. Für mehr als zwei Ergebnisse verschachtle ein ",[14,89,16],{}," in einem anderen oder nutze die ",[14,92,93],{},"SWITCH","-Function.",{"title":72,"searchDepth":96,"depth":96,"links":97},2,[],"expressions-and-logic","Zeige, verberge und wechsle Elemente basierend auf dem, was Nutzer eingeben.","md",[],{},true,80,"\u002Fhelp\u002Fexpressions-and-logic\u002Fguide-if-else-logic.de","---\ntitle: \"Guide: IF \u002F ELSE-Logik\"\ndescription: \"Zeige, verberge und wechsle Elemente basierend auf dem, was Nutzer eingeben.\"\ncategory: expressions-and-logic\norder: 80\nkeywords: []\n---\nDie `IF`-Function wählt anhand einer Bedingung zwischen zwei Werten: `IF(condition, valueIfTrue, valueIfFalse)`. Damit können Teile eines Designs auf das reagieren, was Nutzer eingeben.\n\n**Ein Element zeigen oder verbergen.** Verbinde die **Visibility** eines Elements mit einem true\u002Ffalse-Wert. Bei einer [Checkbox](\u002Fhelp\u002Finput-fields\u002Fcheckbox-input-fields), deren Variable `showBadge` ist, nutze einfach `showBadge`: Das Element erscheint nur, wenn die Box angehakt ist. Die `IF`-Form ``IF(showBadge, true, false)`` macht dasselbe und ist praktisch, wenn die Bedingung komplexer ist.\n\n**Einen Wert wechseln.** Ändere eine Farbe je nach Auswahl:\n\n``IF(isDark, `#ffffff`, `#000000`)``\n\nDas macht Text auf einem dunklen Theme weiß und sonst schwarz.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F363d0ade-dd02-47eb-68f7-d34e4a07b400\u002Fmax)\n\n**Eine Bedingung prüfen.** Die Bedingung kann ein Vergleich wie `price > 100` sein oder eine Prüfung wie `IS_EMPTY_STRING(subtitle)`, um einen Untertitel zu verbergen, wenn er leer gelassen wird. Für mehr als zwei Ergebnisse verschachtle ein `IF` in einem anderen oder nutze die `SWITCH`-Function.\n",{"title":5,"description":99},"help\u002Fexpressions-and-logic\u002Fguide-if-else-logic.de","2026-06-16","zESCyD-hNuRvtpVChsKmoc8Q5FKwROLRFYJ49XkhFww",1789381384561]