In this section, we're going to be looking at another component using JavaScript.
So this is a model pop up.
So these are handy where you can have these debates that are going to show up on and different events.
So usually a click event is going to produce a div and you can have various content inside of that div
element.
And what it does is it mutes the rest of the screen.
So graze it out.
So only that pop up div is going to be that or pop up element is the one that's going to be visible
and then you can close these and have messages in those as well.
So let's try that so we have a button to start our model pop up and this button can be positioned anywhere
within your website.
And then we've got title mean content and of course you can style this as needed.
Make it look a whole lot more interesting as soon as you click anywhere off of the model within the
gray area.
It's going to close it or you can close it with the close button.
So the objective here is to get more familiar with working with JavaScript and different elements and
styling those elements, hiding, showing elements as needed, depending on the that.