Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript Foundations Variables Basics

Jason Montgomery
PLUS
Jason Montgomery
Courses Plus Student 2,277 Points
Posted by Jason Montgomery
Jason Montgomery
Courses Plus Student 2,277 Points

A task isn't consistent all the way through, can this be fixed?

Keep doing what it prompts me to do and this error comes up, and I checked and the task that I completed at first is still correct and hasn't reverted back to original file.

index.html 
<!DOCTYPE html>
<html lang="en">
  <head>
    <title> JavaScript Foundations: Variables</title>
    <style>
      html {
        background: #FAFAFA;
        font-family: sans-serif;
      }
    </style>

  </head>
  <body>
    <h1 id="title">JavaScript Foundations</h1>
    <h2>Variables: Basics</h2>

    <div id="container">
      This is a div with the id of "container"
    </div>
  </body>
  <script src="myscript.js"></script>
</html>
myscript.js 
/* JavaScript Foundations: Variables */

var bgColor = "blue";
var textColor = "#FF9933";

var container = document.getElementById();
container.style.background = bgColor;
container.style.color = textColor;

1 Answer

Chris Shaw
Chris Shaw
26,676 Points
Chris Shaw
Chris Shaw
26,676 Points

Hi Jason,

The only issue I see with your code is you don't have container specified as the id for getElementById, aside from that there's a minor bug in the code challenge that allows you to put the script tag after the closing body tag but that's not causing any issues.

var container = document.getElementById('container');