Change Style Based On Data

I am fairly certain this is correct, yet it keeps telling me I am wrong. So, what am I missing? The test results say that none of the h2 tags are coloured but they are. I am lost.

Your code so far


<body>
<script>
  const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];

  d3.select("body").selectAll("h2")
    .data(dataset)
    .enter()
    .append("h2")
    .text((d) => (d + " USD"))
    // Add your code below this line
.style("color", (d) => {
      if (d < 20) {
        return "red"
      }
      else {
        return "green"
      }
    });


    // Add your code above this line
</script>
</body>

Link to the challenge:
https://www.freecodecamp.org/learn/data-visualization/data-visualization-with-d3/change-styles-based-on-data

Which tests are you failing and what browser are you using?

I am failing all of them, even though the headers are the appropriate colors. I use Firefox.

I just tested your code using Firefox and it worked fine.

If open the browser console, do you see any errors (not the FCC console) when you click Run Tests?

Yes! It’s saying loading failed for a script related to Google Tag manager. Could that be it? I block analytics, could that fail my code? It really hasn’t in the past. Also it says failed epic update.js

Try disabling any 3rd party extensions that could block anything.

Can you post a screenshot of the browser console?

I tried that. I am going to try another browser now and see if that helps.

I tried it in Edge and it worked fine. Maybe it’s an extension, but I shut them all down. The only one I can think of is my SEO tools or maybe the new Adobe extension. It’s just odd because I have always used FireFox.