<h4 dir="auto">Issue Description</h4>
<ul dir="auto">
<li>I have noticed that when I return to view my completed Camper News project, I am failing to get access to the API via AJAX, as I'm now getting the "No-Access-Control-Origin" error in the console. This has been working from the moment I completed it (2015), but for reason, it does not work anymore, so no news info is populating the page as I designed. Not sure if FCC server still accepts CORS or if I'm doing something wrong?</li>
<li>I tried pulling up the project on codepen via Firefox Browser, as well as my iPhone's Safari browser. Same results.</li>
</ul>
<h4 dir="auto">My Browser Information</h4>
<ul dir="auto">
<li>Chrome Version 49.0.2623.87 (64-bit)</li>
<li>Linux, Ubuntu Mate 15.10</li>
</ul>
<h4 dir="auto">My Code</h4>
<p dir="auto"><a href="http://codepen.io/Ramon-Carroll/full/ZbgmGB/" rel="nofollow">My codepen</a></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="var req = new XMLHttpRequest();
req.open(&quot;GET&quot;, &quot;http://www.freecodecamp.com/news/hot&quot;, true);
req.onload = function() {
  var fcc;
  fcc = JSON.parse(req.responseText);
  var amountToDisplay = 40;
  for (var i = 0; i &lt; amountToDisplay; i++) {
    var storySection = document.querySelector(&quot;.story-section&quot;);
    var story = document.createElement(&quot;div&quot;);
    var headline = document.createElement(&quot;a&quot;);
    var img = document.createElement(&quot;img&quot;);[GitHub](http://github.com)
    var author = document.createElement(&quot;a&quot;);
    var likes = document.createElement(&quot;p&quot;);
    story.classList.add(&quot;story&quot;); 
    headline.classList.add(&quot;headline&quot;);
    headline.setAttribute(&quot;href&quot;, fcc[i].link);
    headline.innerHTML = fcc[i].headline;
    headline.setAttribute(&quot;target&quot;, &quot;_blank&quot;);
    img.setAttribute(&quot;src&quot;, fcc[i].author.picture);
    author.classList.add(&quot;author&quot;);
    author.setAttribute(&quot;href&quot;, &quot;http://www.freecodecamp.com/&quot; + fcc[i].author.username);
    author.innerHTML = &quot;By &quot; + fcc[i].author.username;
    likes.innerHTML = &quot;♥ &quot; + fcc[i].upVotes.length;
    likes.classList.add(&quot;likes&quot;);
    story.appendChild(headline);
    story.appendChild(img);
    story.appendChild(author);
    story.appendChild(likes);
    storySection.appendChild(story);
  };

};
req.send();"><pre class="notranslate"><span class="pl-k">var</span> <span class="pl-s1">req</span> <span class="pl-c1">=</span> <span class="pl-k">new</span> <span class="pl-v">XMLHttpRequest</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-s1">req</span><span class="pl-kos">.</span><span class="pl-en">open</span><span class="pl-kos">(</span><span class="pl-s">"GET"</span><span class="pl-kos">,</span> <span class="pl-s">"http://www.freecodecamp.com/news/hot"</span><span class="pl-kos">,</span> <span class="pl-c1">true</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-s1">req</span><span class="pl-kos">.</span><span class="pl-en">onload</span> <span class="pl-c1">=</span> <span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
  <span class="pl-k">var</span> <span class="pl-s1">fcc</span><span class="pl-kos">;</span>
  <span class="pl-s1">fcc</span> <span class="pl-c1">=</span> <span class="pl-c1">JSON</span><span class="pl-kos">.</span><span class="pl-en">parse</span><span class="pl-kos">(</span><span class="pl-s1">req</span><span class="pl-kos">.</span><span class="pl-c1">responseText</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">var</span> <span class="pl-s1">amountToDisplay</span> <span class="pl-c1">=</span> <span class="pl-c1">40</span><span class="pl-kos">;</span>
  <span class="pl-k">for</span> <span class="pl-kos">(</span><span class="pl-k">var</span> <span class="pl-s1">i</span> <span class="pl-c1">=</span> <span class="pl-c1">0</span><span class="pl-kos">;</span> <span class="pl-s1">i</span> <span class="pl-c1">&lt;</span> <span class="pl-s1">amountToDisplay</span><span class="pl-kos">;</span> <span class="pl-s1">i</span><span class="pl-c1">++</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-k">var</span> <span class="pl-s1">storySection</span> <span class="pl-c1">=</span> <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">querySelector</span><span class="pl-kos">(</span><span class="pl-s">".story-section"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-k">var</span> <span class="pl-s1">story</span> <span class="pl-c1">=</span> <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">createElement</span><span class="pl-kos">(</span><span class="pl-s">"div"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-k">var</span> <span class="pl-s1">headline</span> <span class="pl-c1">=</span> <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">createElement</span><span class="pl-kos">(</span><span class="pl-s">"a"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-k">var</span> <span class="pl-s1">img</span> <span class="pl-c1">=</span> <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">createElement</span><span class="pl-kos">(</span><span class="pl-s">"img"</span><span class="pl-kos">)</span><span class="pl-kos">;</span><span class="pl-kos">[</span><span class="pl-v">GitHub</span><span class="pl-kos">]</span><span class="pl-kos">(</span><span class="pl-s1">http</span>:<span class="pl-c">//github.com)</span>
    <span class="pl-k">var</span> <span class="pl-s1">author</span> <span class="pl-c1">=</span> <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">createElement</span><span class="pl-kos">(</span><span class="pl-s">"a"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-k">var</span> <span class="pl-s1">likes</span> <span class="pl-c1">=</span> <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">createElement</span><span class="pl-kos">(</span><span class="pl-s">"p"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-s1">story</span><span class="pl-kos">.</span><span class="pl-c1">classList</span><span class="pl-kos">.</span><span class="pl-en">add</span><span class="pl-kos">(</span><span class="pl-s">"story"</span><span class="pl-kos">)</span><span class="pl-kos">;</span> 
    <span class="pl-s1">headline</span><span class="pl-kos">.</span><span class="pl-c1">classList</span><span class="pl-kos">.</span><span class="pl-en">add</span><span class="pl-kos">(</span><span class="pl-s">"headline"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-s1">headline</span><span class="pl-kos">.</span><span class="pl-en">setAttribute</span><span class="pl-kos">(</span><span class="pl-s">"href"</span><span class="pl-kos">,</span> <span class="pl-s1">fcc</span><span class="pl-kos">[</span><span class="pl-s1">i</span><span class="pl-kos">]</span><span class="pl-kos">.</span><span class="pl-c1">link</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-s1">headline</span><span class="pl-kos">.</span><span class="pl-c1">innerHTML</span> <span class="pl-c1">=</span> <span class="pl-s1">fcc</span><span class="pl-kos">[</span><span class="pl-s1">i</span><span class="pl-kos">]</span><span class="pl-kos">.</span><span class="pl-c1">headline</span><span class="pl-kos">;</span>
    <span class="pl-s1">headline</span><span class="pl-kos">.</span><span class="pl-en">setAttribute</span><span class="pl-kos">(</span><span class="pl-s">"target"</span><span class="pl-kos">,</span> <span class="pl-s">"_blank"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-s1">img</span><span class="pl-kos">.</span><span class="pl-en">setAttribute</span><span class="pl-kos">(</span><span class="pl-s">"src"</span><span class="pl-kos">,</span> <span class="pl-s1">fcc</span><span class="pl-kos">[</span><span class="pl-s1">i</span><span class="pl-kos">]</span><span class="pl-kos">.</span><span class="pl-c1">author</span><span class="pl-kos">.</span><span class="pl-c1">picture</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-s1">author</span><span class="pl-kos">.</span><span class="pl-c1">classList</span><span class="pl-kos">.</span><span class="pl-en">add</span><span class="pl-kos">(</span><span class="pl-s">"author"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-s1">author</span><span class="pl-kos">.</span><span class="pl-en">setAttribute</span><span class="pl-kos">(</span><span class="pl-s">"href"</span><span class="pl-kos">,</span> <span class="pl-s">"http://www.freecodecamp.com/"</span> <span class="pl-c1">+</span> <span class="pl-s1">fcc</span><span class="pl-kos">[</span><span class="pl-s1">i</span><span class="pl-kos">]</span><span class="pl-kos">.</span><span class="pl-c1">author</span><span class="pl-kos">.</span><span class="pl-c1">username</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-s1">author</span><span class="pl-kos">.</span><span class="pl-c1">innerHTML</span> <span class="pl-c1">=</span> <span class="pl-s">"By "</span> <span class="pl-c1">+</span> <span class="pl-s1">fcc</span><span class="pl-kos">[</span><span class="pl-s1">i</span><span class="pl-kos">]</span><span class="pl-kos">.</span><span class="pl-c1">author</span><span class="pl-kos">.</span><span class="pl-c1">username</span><span class="pl-kos">;</span>
    <span class="pl-s1">likes</span><span class="pl-kos">.</span><span class="pl-c1">innerHTML</span> <span class="pl-c1">=</span> <span class="pl-s">"♥ "</span> <span class="pl-c1">+</span> <span class="pl-s1">fcc</span><span class="pl-kos">[</span><span class="pl-s1">i</span><span class="pl-kos">]</span><span class="pl-kos">.</span><span class="pl-c1">upVotes</span><span class="pl-kos">.</span><span class="pl-c1">length</span><span class="pl-kos">;</span>
    <span class="pl-s1">likes</span><span class="pl-kos">.</span><span class="pl-c1">classList</span><span class="pl-kos">.</span><span class="pl-en">add</span><span class="pl-kos">(</span><span class="pl-s">"likes"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-s1">story</span><span class="pl-kos">.</span><span class="pl-en">appendChild</span><span class="pl-kos">(</span><span class="pl-s1">headline</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-s1">story</span><span class="pl-kos">.</span><span class="pl-en">appendChild</span><span class="pl-kos">(</span><span class="pl-s1">img</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-s1">story</span><span class="pl-kos">.</span><span class="pl-en">appendChild</span><span class="pl-kos">(</span><span class="pl-s1">author</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-s1">story</span><span class="pl-kos">.</span><span class="pl-en">appendChild</span><span class="pl-kos">(</span><span class="pl-s1">likes</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-s1">storySection</span><span class="pl-kos">.</span><span class="pl-en">appendChild</span><span class="pl-kos">(</span><span class="pl-s1">story</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span><span class="pl-kos">;</span>

<span class="pl-kos">}</span><span class="pl-kos">;</span>
<span class="pl-s1">req</span><span class="pl-kos">.</span><span class="pl-en">send</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto">Challenge <a href="https://www.freecodecamp.com/challenges/show-relationships-with-a-force-directed-graph" rel="nofollow">Show Relationships with a Force Directed Graph</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:41.0) Gecko/20100101 Firefox/41.0</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.</p>
<p dir="auto">Just opened the pen and it spits out a CORS error.</p>