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

solution not working on Chrome

I'm using the solution that comes with the workspace, which is exaclty the same code from the tutor and it's not working

Jose Soto
Jose Soto
23,407 Points

Hey Patricio!

Can you please share the code you are using so that we can troubleshoot it with you? Thanks!

how do i paste the code?

Jose Soto
Jose Soto
23,407 Points

Copy the code and paste it into a comment. You can read how to format it by using the Markdown Cheatsheet link just below the textarea where you type.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Students</title>
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>
<h1>Students</h1>
<div id="output">

</div>
<script src="js/students.js"></script>
<script src="js/student_report.js"></script>
</body>
</html>
var message = '';
var student;
var search;
var foundStudents = [];

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 or type quit to quit');

  if(search === null || search === 'quit') {
     break;
   }

  for (var i = 0; i < students.length; i += 1) {
  student = students[i];
    if(student.name.toLowerCase() === search.toLowerCase()) {
      foundStudents.push(student);
    }

  }
  flag = false;
}


for(var j = 0; j < foundStudents.length; j++) {
   message += getStudentReport(foundStudents[j]);

 }

print(message);

var students = [ 
  { 
   name: 'Dave',
    track: 'Front End Development',
    achievements: 158,
    points: 14730
  },
  {
    name: 'Jody',
    track: 'iOS Development with Swift',
    achievements: '175',
    points: '16375'
  },
  {
    name: 'Jordan',
    track: 'PHP Development',
    achievements: '55',
    points: '2025'
  },
  {
    name: 'John',
    track: 'Learn WordPress',
    achievements: '40',
    points: '1950'
  },
  {
    name: 'Trish',
    track: 'Rails Development',
    achievements: '5',
    points: '350'
  }
];

//Fixed Code Presentation

2 Answers

Jose Soto
Jose Soto
23,407 Points

Thank you for sharing the code. What are you experiencing on Chrome? Does you get the prompt showing at all?

This JSFiddle worked for me.

It is possible that Chrome is preventing additional dialog boxes. Try some of these solutions.

Just a couple of questions/comments: is the students array in the students.js file or below the rest of your code in student_report.js? If it's repeated in student_report.js, the variable students from the students.js file will be overwritten.

Also, because the code for generating the student reports HTML and printing it are outside of the while loop, you have to quit before you will see the results.