D3 Choropleth Fails Tests #11, #12 But Requirement Fulfilled

1

I have been trying to get my head around this for a while now. The requirement is that there is an element with the id tooltip which is visible when the user hovers over an area.

This is exactly what happens, as you can see on the pen here: https://codepen.io/makingstuffs/full/YzKxpPX

However the test keeps failing:

I have tried making the div in the HTML and just changing its content in D3, that failed.
I tried moving the position of the div element, that failed.
I tried creating the entire element in D3, that failed.
I tried making it invisible using CSS, that failed.
I tried making it invisible using D3, that failed.
I tried moving the place of the FCC test script call, that failed.

Someone please help me.

2

It was an error with the code on line 124. Specifically the fact that I was trying to return d.id from the arrow function. I actually needed to return the fips value from my filtered array temp[0]