# Condition Creating Example

{% embed url="https://youtu.be/xUwxooRP9Mg?si=-4LEAdcqtv-cqA0S&t=1122" %}

Let's take an example of making the conditional system more clear.

Below you can see the initial view of the **Loan Form** sample calculator without any conditions.

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F6RIsoEWjkfSdrl0PZbPh%2FCCBN%20loan%20form.png?alt=media\&token=328dba4b-558f-49c2-beb5-fefd06240955)

For example, you want to create a condition for the **Annual Interest Rate** depending on the **Loan Amount**. So, you should create a link from Loan Amount to the Annual Interest Rate.

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FN2q38p2CNPGyrAiGy2dT%2F1.png?alt=media\&token=7dcc414d-6883-4200-bf68-538536df4225)

**Condition:** if the loan amount is greater than 15 000, set the annual interest rate to 10; if the loan amount is less than 5 000, hide the annual interest rate element.

Below you can see how it is done:

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FDwGYhKZNd7dpHXRbgi93%2FCCBN%20loan%20form%20cond.png?alt=media\&token=c0c75365-d9f5-473f-a6a0-47415c40d08f)

Now it is time to see the result. The first picture is for the first condition. When the loan amount is set to 16 000, the annual interest rate should be set to 10.

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FwbCVDlFHDyrmnHDqhfnQ%2FCCBN%20loan%20form2.png?alt=media\&token=a63c3d34-68b8-421a-aa64-6671945ee2de)

The second picture is for the second condition. When the loan amount is set to 3 000, the annual interest rate should be hidden.

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FGgESYLRyXtHlG5bJMdfo%2FCCBN%20loan%20form3.png?alt=media\&token=82817e6d-aa09-4b31-afa4-737e81abe627)

In a similar manner, you can create different conditions for calculator elements, improving its functionality.
