Help with housekeeping (line breaks)

Question

Please I need some help with adding line breaks after each student object when it prints to the screen.

          <p>
var students = [
  {Name: 'Peter', Track: 'Front End Development', Achievements: 22, Points: 1545},
  {Name: 'Paul', Track: 'iOS', Achievements: 19, Points: 1405},
  {Name: 'Jude', Track: 'Web Design', Achievements: 10, Points: 890},
  {Name: 'Lola', Track: 'Python', Achievements: 13, Points: 1032},
  {Name: 'Tola', Track: 'Android', Achievements: 15, Points: 1198}
]

// ENCAPSULATE THE LOOPS IN A FUNCTION
function studentList( students ) {
  for (var i = 0; i < students.length; i++) {
    for (var prop in students[i]) {
    student =  document.write('<p>'+ prop + ': ' + students[i][prop] + '</p>');
    }
  }
}

// Call the function and print the list to the screen
studentList(students);
</p>
          ```

Answer 1 · 2018-01-09T15:00:52Z

January 9, 2018 3:00pm

By enclosing your outputs in paragraph tags you should get not only line breaks but some margin space between the lines. If you wanted only line breaks you could use <br> instead of paragraphs:

      document.write(prop + ': ' + students[i][prop] + '<br>');

And if you wanted an extra line in between students, you could write that in the outer loop:

  for (var i = 0; i < students.length; i++) {
    for (var prop in students[i]) {
      document.write(prop + ': ' + students[i][prop] + '<br>');
    }
    document.write('<br>');  // extra line between students
  }

Also, your script code seems to have some stray HTML (paragraph tags) at the beginning and end.

Welcome to the Treehouse Community

Looking to learn something new?

Peter Ajuzie

Peter Ajuzie

Help with housekeeping (line breaks)

Peter Ajuzie

Peter Ajuzie

1 Answer

Steven Parker

Steven Parker

Peter Ajuzie

Peter Ajuzie