JavaScript Problem: Creating a JavaScript Tooltip: Part 2

In this part 2 tutorial, we finish up our JavaScript tooltip. In the process we implement several important JavaScript concepts including closure, undefined and null values, and the value of the keyword this. To view part 1, see the link below.

For more resources on JavaScript:

Interested in some of our courses:

Tutorials referred to in this video:

[jassipassi]

Thank you! This was the best tutorial I have seen for js! I actually learned something!

[seenuvasanv]

I'm watching for tooltip, but U explain this keyword.. great!

[onuberonly]

great work, this is exactly what I was looking for .

[gabrielphala]

Darn, the logic you put into this is messed up dope, you got my respect 😅

[Horoe]

great tut I learned a ton, fade in and fade out look a bit choppy on my code tho, watching all them your videos of your chanel!

[abbashuzefamotiwala]

Hey, it's amazing. but could you also explain or upload a video (or provide learning links for now at least) of how to tooltip in a loop if there are many? and how to create a tooltip in data visualizations, especially in a line chart?

[juancarlos-bzgc]

THank you so much for this content man really appreciate it!, just a question I am trying to put this tooltips in a fixed sidebar however when I scroll the main content the tooltips as well go down how can I fix this

[kieralfer]

And the typo isn't fixed here either: we still get this mysterious tootip variable at the start :D

[LunchboxdadioMusic]

op -= op * 0.1; is really not what you want. After just the first iteration op would equal 0.1 also with that math it would never get to 0. I think it should just be op -= 0.1;