Now use a DOM element's innerHTML property to set the HTML inside the sidebar div to the server's response.

Here is my solution:

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if(xhr.readyState === 4) {
    if(xhr.status === 200) {
      document.getElementById('sidebar').innerHTML = xhr.responseText;
    }
  }
};
xhr.open('GET', 'sidebar.html');
xhr.send();

Hi yitan and Luca Terrigno

That code challenge is now fixed. Thanks for the heads up on it.

Hi,

I'm having the same issue as above, here is my code that works but the test isn't passing.

var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { let sidebar = document.getElementById('sidebar'); console.log(xhr.responseText); sidebar.innerHTML = xhr.responseText; } }; xhr.open('GET', 'sidebar.html'); xhr.send();

I tried copying and pasting your code directly into the challenge and it seems to work just fine for me. Check to see if you added any extra characters somewhere else.

Here's my solution:

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
          if (xhr.readyState === 4, xhr.status === 200) {
        document.getElementById('sidebar').innerHTML =xhr.responseText;
      }
};
xhr.open('GET', 'sidebar.html');
xhr.send();

Dave, Do u mind to check again cause i can't past the test with the same problem