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 trialPatricio Vargas
4,665 Pointssolution 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
Patricio Vargas
4,665 Pointshow do i paste the code?
Jose Soto
23,407 PointsCopy 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.
Patricio Vargas
4,665 Points<!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'
}
];
Chyno Deluxe
16,936 Points//Fixed Code Presentation
2 Answers
Jose Soto
23,407 PointsThank 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.
Iain Simmons
Treehouse Moderator 32,305 PointsJust 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.
Jose Soto
23,407 PointsJose Soto
23,407 PointsHey Patricio!
Can you please share the code you are using so that we can troubleshoot it with you? Thanks!