All right, so we can say that you already know everymen concept of Don, you know, how to select elements,
how to manipulate and change the content and style of them.
You also know how to attach events to actual elements and lots of other stuff.
Now it's time to put all of these together and start to program a little application.
During this process, you have a chance to do some tasks.
And this is the first one in this section.
All right.
Let's take a look on the screen here we have our note manager.
We already know that before we have a forum which includes input and submit button, they are for adding
the new notes.
And your current task is exactly to do that.
So you need to write the code to get the following results.
When I enter something here, for example, for note and then click on add button, it automatically
is added to the list and also the input becomes a new note has the same style and also it has the same
icons for added and delete.
So what do you need to do?
Let's take a look on HTML file.
Obviously you need to create a new list element with all its including elements, I mean paragraphs,
icons with their class attributes and also the input with class type attribute.
This input from access is hidden because it has the property display none.
So it won't appear.
And don't be confused about it.
This input element will be used for editing notes later.
There is one thing to note.
As I have seen when I have typed something in input, that tax value was added as a note in the list.
So you will need to access and grab the value that will be written in the form.
For that, you need to use dot value property like we have used it previously.
The next feature of this application is that when the input is empty and I click on add button, it
doesn't do anything.
So you need to take it into account as well.
All right, is it difficult?
I don't think so.
You know, everything all the stuff we're writing this program, I want you to try your best.
You may find a different solution, and that will be very nice.
But if you're having trouble, it's not a problem.
You will see the solution of this task in the next video.
OK, let's go ahead.
Good luck.