// I removed the global student(n) variables that // were being declared within the students // initialization since they aren't needed var students = [ { fullName: "Kojo New", program: "Statistics", department: "Stats", gpaStatus: "87%", level: 100 },{ fullName: "Yaa Kenny", program: "Computer science", department: "IT", gpaStatus: "96.2%", level: 300 },{ fullName: "Kwabena Breez", program: "Ethical Hackimg", department: "IT", gpaStatus: "88.3%", level: 300 },{ fullName: "Ellah Smith", program: "Ethical Hacking", department: "IT", gpaStatus: "95.5%", level: 300 },{ fullName: "Moses Kaye", program: "Statistics", department: "Stats", gpaStatus: "96.2%", level: 200 } ]; window.onload = function() { // Here I am using a 'for' loop to access each // object in the array and print their property // values to the document const forSection = document.getElementById('forLoop'); const fullNameLabel = 'Full name: '; const programLabel = '
Program: '; const deptLabel = '
Department: '; const gpaStatusLabel = '
GPA Status: '; const levelLabel = '
Level: '; let studentData = ''; let StudentElmnt; for(let i = 0; i < students.length; i++) { studentData = [ `${fullNameLabel}${students[i].fullName}`, `${programLabel}${students[i].program}`, `${deptLabel}${students[i].department}`, `${gpaStatusLabel}${students[i].gpaStatus}`, `${levelLabel}${students[i].level}` ].join(''); studentElmnt = document.createElement('p'); studentElmnt.innerHTML = studentData; forSection.appendChild(studentElmnt); } // Here I am using a 'while' loop and a counter to // access each object in the array and print their // property values to the document const whileSection = document.getElementById('whileLoop'); let count = 0; while(count < students.length) { studentData = [ `${fullNameLabel}${students[count].fullName}`, `${programLabel}${students[count].program}`, `${deptLabel}${students[count].department}`, `${gpaStatusLabel}${students[count].gpaStatus}`, `${levelLabel}${students[count].level}` ].join(''); studentElmnt = document.createElement('p'); studentElmnt.innerHTML = studentData; whileSection.appendChild(studentElmnt); count++; } // Here I am using a 'do/while' loop and a counter to // access each object in the array and print their // property values to the document if(students.length > 0) { const doWhileSection = document.getElementById('doWhileLoop'); count = 0; do { studentData = [ `${fullNameLabel}${students[count].fullName}`, `${programLabel}${students[count].program}`, `${deptLabel}${students[count].department}`, `${gpaStatusLabel}${students[count].gpaStatus}`, `${levelLabel}${students[count].level}` ].join(''); studentElmnt = document.createElement('p'); studentElmnt.innerHTML = studentData; doWhileSection.appendChild(studentElmnt); count++; } while(count < students.length); } // Here I am using the '.map()' method to // manipulate each student's data and include // in a new collection that gets printed to // the document using the '.forEach()' method const mapForEachSection = document.getElementById('mapForEach'); let studentSummary; const studentSummaries = students.map(student => `${(student !== students[0] ? '
' : '')}${student.fullName} is in the ${student.program} program, which is part of the ${student.department} department. Their GPA status is ${student.gpaStatus}, and they are currently at level ${student.level}.`); studentSummaries.forEach((summary) => { studentSummary = document.createElement('p'); studentSummary.innerHTML = summary; mapForEachSection.appendChild(studentSummary); }); // Here I am using the '.filter()' method to // filter and collect a subset of the // students and am using the '.forEach()' // method to print them to the document const filterSection = document.getElementById('filterForEach'); let topStudents = students.filter((student) => { return parseFloat(student.gpaStatus) > 90; }); let topStudent; const title = document.createElement('p'); title.innerHTML = 'Students with GPA status greater than 90%:
'; filterSection.appendChild(title); topStudents.sort((a, b) => parseFloat(b.gpaStatus) - parseFloat(a.gpaStatus)); topStudents.forEach((student, i) => { topStudent = document.createElement('p'); topStudent.innerHTML = `${(i + 1)}.) ${student.fullName} --- GPA Status: ${student.gpaStatus}`; filterSection.appendChild(topStudent); }); };

(Reponse) - Whizzy Ellah - How to access objects in array?