To do list - Javascript

Javascript(only) needs to be added in order to do the following:

 

1. Add a new todo item to the list, complete with trash icon
2. Remove the item when the trash icon is clicked
3. Clear the input when the user clicks back into it to add another item.

Forgot to mention that I can't change the HTML or CSS, it was provided by the professor.

This is already in place in the JS window: (codepen)https://codepen.io/ChamplainJS/pen/YdOQOP

(function(){

})();

 

HTML:

Today's To Do List

• Pick up groceries

• Finish essay

• Soccer @ 5:00

   

 

CSS:

body

{

background-color: #34495e;

font-family: 'Lato', sans-serif;

}

 

button {

margin: 0 auto;

float: right;

}

 

.centered {

margin: 0 auto;

width: 80%

}

 

.card {

margin: 50px auto;

width: 18rem;

}

i{

float:right;

padding-top:5px

}