이번 포스팅에서는 Switch문을 이용하여 덧셈,뺄셈,곱셈,나눗셈을 해보겠습니다.
1. Switch
이전에 했던 Assign은 다 지워주고 아래처럼 Switch를 놓고(왼쪽의 Switch를 드래그) 4개의 Assigin을 끌고와 놓아주고 Label과 Condition을 아래와 같이 변경해줍니다.
그리고 각각의 Assign을 덧셈,뺄셈,곱셈,나눗셈에 맞게 Assignments를 지정해줍니다. 화면의 각각의 Assign 클릭하고 Variable과 value의 값을 논리에 맞게 지정해줍니다. 순서대로 덧셈, 뺄셈, 곱셈, 나눗셈 입니다.
그리고 Switch 아래에 Clear 버튼을 위한 Assgin을 하나 더 추가해줍니다. Property도 다음과 같이 설정합니다. Clear버튼을 클릭할 경우 사용자가 입력한 칸의 숫자를 지워주도록 해줬습니다.
메세지출력
그리고 추가기능으로 사용자가 어떠한 수도 입력하지 않았을경우 숫자를 입력하라는 메시지를 출력하도록 해보겠습니다. Switch문에 들어가기전에 If, Message, End를 추가해줍니다.
If의 Condition(조건)입니다. 정수값이 하나라도 입력되지 않은 경우 Clear버튼을 누르면 메시지를 출력하도록 해주었습니다. 메시지는 "Give proper values"로 해주었습니다. 그리고 선을 이어주고 마무리를 해줍니다. 이제 PerformAction의 설정은 끝났습니다. 다시 메인의 Interface로 돌아가주겠습니다.
2. Interface
기존에 있던 덧셈, 뺄셈버튼옆에 3개의 버튼을 추가해주고 각각의 버튼의 이름을 Multi, Div, Clear로 설정합니다.
그리고 생성한 3개의 버튼의 속성(Property)를 설정해줍니다.
각각의 버튼의 Events의 On Click는 PerformAction으로 설정해주고 type만 각각의 이름에 맞게 설정해줍니다. 곱셈은 multi , 나눗셈은 div, clear는 clear로 설정해주고 Publish를 해주어 브라우저에서 확인을 해줍니다.
결과화면
1. 덧셈
2. 뺄셈
3. 곱셈
4. 나눗셈
'로우코드(Lowcode) > outsystems' 카테고리의 다른 글
| 1. Outsystmes란? Outsystems에 대해 알아보자 (0) | 2023.04.05 |
|---|---|
| Calculator Application(Outsystems) (0) | 2023.04.04 |
| If,Else를 이용한 덧셈, 뺄셈(Outsystems) (0) | 2023.04.01 |
| Acction, Assignmet,expression를 이용한 덧셈기능 구현(Outsystems) (0) | 2023.04.01 |
| 버튼을 이용한 Hello World스크린 화면 출력(Outsystems) (0) | 2023.04.01 |
