Welcome back.
Now what we need to do is that we need to work on the Read More button if user clicks on.
Read more.
We want to take the user to a new name, to a new page and display the exact article that the user is
interested to read more about.
So to do that here in this index, we have a form and that form should store all information related
to a specific headline.
Therefore, I'm going to be using inputs and I'm going to store the article information in these inputs.
So if the first input, I'm going to say time and the type is going to be text and I'm going to store,
what do we want to store?
We want to store more information, such as a description.
The content be published at the U r l.
Let's let's store these.
I'm going to store the description first.
I'm going to say next and then I'm going to say value and the value is going to be equal to BHP.
And then I'm going to say Echo and then I'm going to echo the.
The object and then description.
This correction and then semicolon and we need to give it any.
I'm going to say name.
The name is going to be equal to description.
This correction?
Let's also store.
Input, I'm going to store two other things, I'm going to store the content first, that is going to
be next.
The value is going to be equal to BHP and then Echo and then object object and then content on stand
and then semicolon.
And don't forget to close the beach, be here.
Script and then main, the name is going to be what the content content, and then I'm going to say,
I'm going to add here the angular bracket.
Let's also store the you are.
I'm going to say input.
And then type text value is equal to.
BHP.
A. And then I'm going to say object and then you are ill.
And then I'm going to give it a name as well, I'm going to say your name.
The name is going to be your name.
And don't forget to cause the angular racket.
And if you just save and refresh, you'll find that these will be displayed in the front end.
And obviously, we don't want that because this is this is not our goal.
Our goal is to store these in the front end, but hide them.
So how can we hide these inputs to hide these inputs?
You can simply hear, say, style and then display none.
Similarly, here, I'm going to say style and display none.
Similarly, for the last one, I'm going to say a style display, none.
Now, if you refresh, your will not find these inputs anymore.
However they are, they they exist and they web page, but they aren't being displayed.
And the reason why I'm doing this is because it's because we want to transfer these inputs, these values
to the new page.
Once the user clicks on one of these buttons, for example, if the user clicks on this, read the more.
We want to get information related to this article and take it to a new page to display it through the
user.
So what I'm going to do is that here.
To do that, to do that, to transfer these values, we need to give this form action and method first,
I'm going to say method.
So the method is going to be equal to bust, whereas the action is going to be the file that's going
to handle the transfer.
So the file is going to be single underscore or let's say, single a single article.
Single article, not BHP.
So this is going to be the file that's going to display the news headline about the more information
about that specific news headline if the user wants to read more about the specific news headline,
so let's create this file.
So what I'm going to do is that I'm going to create that new file here.
Here, I'm going to create a new file called single.
Article that each week and then we need to work on this file in order to display the information about
that specific article.