sumi

Basics · Logic

Else

An {if} takes an optional {else} branch, rendered when the condition is false. There is no {else if} — for a chain, nest another {if} inside the {else}.

The previous app showed the done marker or nothing. Now, when the task is not done, we want to show a pending marker instead of an empty gap.

Your turn

Add an {else} branch to the block:

{if done.Get()}
    <p class="done">✓ done</p>
{else}
    <p class="pending">○ pending</p>
{/if}

Press Run and toggle — the line switches between the two markers. Solve shows the finished version; Reset restores the start.

⌘↵ to run