my code isn't running. what should I type in the commented section? I thought I had to use the DOMContentLoaded event.

Question

my code isn't running. I thought i should use the DOMContentLoaded event. Can someone help?

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
  document.addEventListener('DOMContenLoaded', () => {});
  // 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-10-03T04:52:21Z

October 3, 2020 4:52am

Hint: Think about how the headlines are displayed.

Edit: Or rather, how the headlines are added to the div.

Welcome to the Treehouse Community

Looking to learn something new?

Brendan Dzeguze

Brendan Dzeguze

my code isn't running. what should I type in the commented section? I thought I had to use the DOMContentLoaded event.

1 Answer

Joseph Yhu

Joseph Yhu