Usage Scenario: Collecting Product Prices

In an e-commerce application, as the user adds products to the shopping cart, the price of each product is written to a form component. When the “See Total Cost” button is clicked, the system summarizes these values with the Sum action and shows the total cost to the user.

Example Application:

  1. Enter the UI Design module and create a Number Input field for two price entries.
  2. Drag and drop a Button. Write “Calculate Total” as Label.
  1. Select the button, add the action OnClick → Arithmetic → Sum.
  2. Value: Symbol Picker > Components > Number Input
  3. Value2: Symbol Picker > Components > Number Input
  4. Create a Label to show the result and display the output of the Sum action here.