JavaScript DOM Scripting By Example Improving the Application Code Fix Function that Should be Creating Links

Posted by Damjan Bozinovski
Damjan Bozinovski
9,916 Points

Can't figure out the answer.Help?

Didn't quite get what exactly is needed here.

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>

1 Answer

Steven Parker
Steven Parker
152,631 Points
Steven Parker
Steven Parker
152,631 Points

The instructions say, "Currently only the headlines display, and the links do not.". So if you look on line 23 you will see the code line adds the new headline to the document (specifically, to the div element). But there isn't any code to do the same thing for the link.

You can fix the issue by adding it.