TypeScript 2.x By Example

Implement – adding a new task

To be able to add a new task we will need to implement the following actions:

• When a user clicks on the add a task section, the application should focus on the input area for the user to type in.
• Once the user is done typing and presses Enter, the application should add the new task to the board
• If a user does not press Enter but moves the focus from the input area, then also the the application should add a new task to the board

Let’s look at the code for each step defined here.