# App logic
* Click on the `Blocks` tab.
{% hint style="success" %}
The **Blocks tab** allows you to write block codes. You can access all of your palettes or components inside the Blocks tab.
{% endhint %}
* Click on the `Button1` component and drag and drop `when Button1 click` block.
* From `Control` , drag and drop a `if` block
* Click on the gear icon on the `if` block and drag and drop a `else` block inside the `if` block
* From `Logic` block, find the equality testing operator and connect it with the `if`
* Click on the `Button1` and find a block called `Button1.Text` , drag and drop it on the first jigsaw puzzle box.
* In the next jigsaw box, drag and drop an empty text from the `Text` block, and type `Hide` The text should match with your button text.
* Click on the `Image1` block and drag and drop a block called `set Image1.Visible` , from `Logic` , drag and drop the `false` block and connect it with the `set Image1.Visible` block
* Click on the `Button1` block and locate the block `set Button1.Text` , drag and drop the block below the previous block and connect a `Text` block with the text `Show`
* Right click on the `Set Image1.Visible` block and duplicate it. Move the duplicated block inside the `else` block and change `false` to `true`
* Right click on the `set Button1.Text` block and duplicate it. Move the duplicated block inside the `else` block and change `Show` to `Hide`
