This code should create a sequence of div elements that each hold a headline above and a link below. Currently only the

Question

not sure will I'm going wrong at ?

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 = url + 'Information about ' + language;
  link.appendChild(p);

  div.appendChild(link);

  // Your code below


  // 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 · 2017-04-19T20:15:38Z

April 19, 2017 8:15pm

In the part were it says "Your code below" you need to append the links to the div because they haven't yet been appended to the page. These links are been created in the function called linkify and then stored in the constant link. So you simply need to write...

div.appendChild(link);

I hope this helps :)

Welcome to the Treehouse Community

Looking to learn something new?

vincent batteast

vincent batteast

This code should create a sequence of div elements that each hold a headline above and a link below. Currently only the

1 Answer

Neil Bircumshaw

Neil Bircumshaw