With HTML, create the following: An h1 element with the title of the todo list

1)An ordered list or unordered list with three preset tasks

2)text input box that will be used to enter new tasks

3)A button that will add the task to the list upon clicking it

With JavaScript, will create a function called addTask() that is called when the button is clicked.addTask will do the following:

1)Check that the value of the text input box is not empty

2)If the text input box is empty, log a message to the console that says "Nothing to add"and do not add anything to the list

3)If the text input box is not empty, append a new list item to the inner HTML of theordered/unordered list.

4)After it has been added, clear the current value of the input box so that it is empty.

In your CSS file, you must at least do the following:

1) Change the background to a custom color/image

2) Change the font family