Challenge Help! The code works fine but I'm getting an error still

Question

I don't get what else it wants me to do. When I preview the code it works

app.js

const languages = ['Python', 'JavaScript', 'PHP', 'Ruby', 'Java', 'C'];
const section = document.getElementsByTagName('section')[0];

// Accepts a language name and returns a wikipedia link
function linkify(language) {
  const a = document.createElement('a');
  const url = 'https://wikipedia.org/wiki/' + language + '_(programming_language)';
  a.href = url;
  return a;
}

// Creates and returns a div
function createDiv(language) {
  const div = document.createElement('div');
  const h2 = document.createElement('h2');
  const p = document.createElement('p');
  const link = linkify(language);

  h2.textContent = language;
  p.textContent = 'Information about ' + language;
  link.appendChild(p);

  div.appendChild(h2);

  // Your code below
h2.appendChild(link);

  // end

  return div;
}

for (let i = 0; i < languages.length; i += 1) {
  let div = createDiv(languages[i]);

  section.appendChild(div);
}

index.html

<!DOCTYPE html>
<html>
<head>
  <title>Programming Languages</title>
  <style>
    body {
      font-family: sans-serif;
    }
  </style>
</head>
<body>
  <h1>Programming Languages</h1>
  <section></section>
  <script src="app.js"></script>
</body>
</html>

Answer 1 · 2018-01-22T18:52:44Z

January 22, 2018 6:52pm

You need to append the link to the div, not the h2.

div.appendChild(link);

Although your solution may make the information display correctly, it isn't in the exact structure that the challenge asks for.

Welcome to the Treehouse Community

Looking to learn something new?

brendon hanson

brendon hanson

Challenge Help! The code works fine but I'm getting an error still

1 Answer

Stuart Wright

Stuart Wright