Learn TypeScript 3 by Building Web Applications

Getting hold of inputs and casting using the as operator

In todo-it.ts, add the following line: const todoInput: HTMLInputElement = document.getElementById('todoInput') as HTMLInputElement;.

This allows us to retrieve the todoInput input object from the DOM. We'll use that to get the value of the input.

The Document Object Model (DOM) is the in-memory representation of a page that web browsers create once they have loaded your page. The DOM evolves while users interact with the page, usually through event handlers that modify its structure. Web browsers include an API to interact with the DOM, just like we did previously. Through that API, you can easily query and modify the DOM. DOM manipulation is actually the bread and butter of all web ...