Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript Loops, Arrays and Objects Tracking Data Using Objects The Student Record Search Challenge Solution

The Student Record Search Challenge solution I seem to have copied the code correctly but it wont work.

var message = '';
var student;
var search;

function print(message) {
  var outputDiv = document.getElementById('output');
  outputDiv.innerHTML = message;
}

function getStudentReport ( student ){
    var report = '<h2>Student: ' + student.name + '</h2>';
    report= '<p>Track: ' + student.track + '</p>';
    report = '<p>Points: ' + student.points + '</p>';
    report = '<p>Achievements: ' + student.achievements + '</p>';
    return report;
}

while (true){
  search = prompt('Search student records: type a name [Jody] (or type "quit" to end)');
  if ( search === null || search.toLowerCase() === 'quit' ){
    break;
  }
  for (var i = 0; i < students.length; i += 1) {
    student = students[i];
    if ( student.name === search ){
      message = getStudentReport ( student );
      print(message);  
    }
   } 
}

3 Answers

In your getStudentReport function, you are setting the report variable equal to a new thing on each line. You just need to add to the report as opposed to setting it again. You want to set report equal to itself, plus the new html. += is a shorthand for doing this.

function getStudentReport(student) {
    var report = '<h2>Student: ' + student.name + '</h2>';
    report += '<p>Track: ' + student.track + '</p>'; // changed = to +=
    report += '<p>Points: ' + student.points + '</p>'; // changed = to +=
    report += '<p>Achievements: ' + student.achievements + '</p>'; // changed = to +=
    return report;
}

you also have to put if( student.name.toLowerCase() === search){ message = getStudentReport( student ); print(message); } because in the video he put the first letter of the name in capital letter

Thanks Joe, this is what set me back for the longest time; not even just toLowerCase() but forgetting the brackets!

I see I must have just overlooked that part. I got the program working with that change, thanks!