A to-do list

This lesson brings together everything so far: you read what the user typed, check it, then create a new element on the page.

You'll find the input's value in input.value. To create an element you write document.createElement('li'), then add it to the list with list.append(li).

Before adding anything, make sure the user actually typed something. value.trim() removes the spaces from both ends of the text, and if nothing is left, don't add anything. This is the simplest form of input validation, and it's what makes your app fit for real use instead of just a demo.