In this section, we're back to components and this is going to be showing you how to create a tooltip
pop up.
So our tooltip is whenever you hover over a particular element, then this can have this little pop
up.
So depending on where your mouse is and whenever you're on top of the element, you're going to see
this pop up element.
So this is going to be a section looking at most events, as well as tracking the coordinates of where
the mouse position is and of course, hiding, showing elements and attaching content to those elements.
So let me show you this one.
So I've got some dummy placeholder text, and both of the JavaScript values here are going to be where
the tooltip is going to show up.
So you see, whenever we hover over, we get tooltip and tooltip content.
And this information is actually coming from the HTML.
So the content that's being output is being displayed from that HTML.
You can see that within that element itself, we've got the content that we want to show within the
tooltip, under data dash tool content, and this is what's going to be shown within the tooltip whenever
we hover over.
And then this is where the JavaScript element is.
And this kind of stuff is really useful to include within websites.
That comes in very handy.