missing.html

Question

Can someone please look at this code:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link href='http://fonts.google.apis.com/css?family=varela+round' rel='stylesheet' type='text/css'>
    <link rel="stytlesheet" href="css/main.css">
    <title>AJAX with Javascript</title>
    <script>
      var xhr = new XMLHttpRequest();
      xhr.onreadystatechange = function() {
        if(xhr.readyState === 4) {
          document.getElementById('ajax').innerHTML = xhr.responseText;
        }
      };
      xhr.open('GET','sidebar.html');
      xhr.send();
    </script>
  </head>
  <body>
    <div class="grid-container centered">
      <div class="grid-100">
        <div class="contained">
          <div class="grid-100">
            <div class="heading">
              <h1>Bring on the AJAX</h1>
            </div>
            <ul id="ajax">

            </ul>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

when i open preview and use the Javascript Console i get this message: GET http://alpha.forpsi.pl/missing.html

that's not what the instructor gets when he does it??????????

Answer 1 · 2014-10-06T12:37:05Z

October 6, 2014 12:37pm

Here is the right link: http://fonts.googleapis.com/css?family=Varela+Round

In your link there is a dot sign after 'google'.

Answer 2 · 2014-10-06T15:41:52Z

October 6, 2014 3:41pm

Good eye, i saw that when i was looking over the code at the beginning...but since i downloaded the code from Treehouse - i thought it might be a different way to do the fonts.

Shame on Treehouse for not seeing that!

thanks.

Welcome to the Treehouse Community

Looking to learn something new?

Douglas Watts

Douglas Watts

missing.html

2 Answers

Segev Elmaliach

Segev Elmaliach

Douglas Watts

Douglas Watts