LAB / EXPLORATION
TypeScript Lab: Status Selector
Planned
LAB 014 — TypeScript Data Modeling
Render a union type as a controlled status selector.
Objective & Explanation
Learning Target
Objective
Render a union type as a controlled status selector.
Explanation
Union types restrict a value to a known set of allowed alternatives.
Technology
Build Instructions
Setup
Create the standalone project folder and listed files.
Install TypeScript locally and initialize the compiler configuration.
Implement
Implement the smallest version that demonstrates the concept.
- Implement only the concepts that are part of project scope.
- Compile the TypeScript and load the browser page.
Run & Inspect
Change one input and observe the visible output change.
Change one input or action and confirm the visible result changes for the expected reason.
Output
Visible Proof
The browser should visibly demonstrate: render a union type as a controlled status selector.
Data: None