Problem with code

Question

Hello,

I have to display a link under the required h2 header, I’m understanding the code but not understanding the question

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


  // 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 · 2020-06-10T14:38:17Z

June 10, 2020 2:38pm

If you look on line 23, you'll see the code that adds the h2 element to the div, so it will show on the page.

The challenge is asking you to add a similar line of code that will put the "link" on the page, since it currently gets created but is not shown.

Welcome to the Treehouse Community

Looking to learn something new?

louiseretzlaff

louiseretzlaff

Problem with code

1 Answer

Steven Parker

Steven Parker