Levi/IWD2-02
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

JS Lab 3

Browse Source
This commit is contained in:
LeviM0323
2026-03-06 21:27:16 -05:00
parent 1fdfbb1b4f
commit 41ebd4ac62
21 changed files with 1018 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
INFO-3168 (JS 2)/Labs/Lab 3/ui.js
+43 -19
View File
@@ -6,22 +6,46 @@ const passingStudents = getPassingStudents(students);
const passingIds = passingStudents.map(student => student.id);
const tableBody = document.getElementById("studentTableBody");
students.forEach(student => {
const row = document.createElement("tr");
const name = document.createElement("td");
name.textContent = student.name ?? "-";
const course = document.createElement("td");
course.textContent = student.course ?? "-";
const grade = document.createElement("td");
grade.textContent = student.grade ?? "-";
const attendance = document.createElement("td");
attendance.textContent = student.attendance + "%" ?? "-";
const assignmentAvg = document.createElement("td");
assignmentAvg.textContent = calculateAssignmentAverage(student);
const status = document.createElement("td");
status.textContent = passingIds.includes(student.id) ? "Pass" : "Fail";
const city = document.createElement("td");
city.textContent = student.address.city ?? "-";
row.append(name, course, grade, attendance, assignmentAvg, status, city);
tableBody.appendChild(row);
});
export function renderTable(students, topThree) {
tableBody.innerHTML = "";
students.forEach(student => {
const row = document.createElement("tr");
if (topThree[0] && student.id === topThree[0].id) {
row.classList.add("gold");
} else if (topThree[1] && student.id === topThree[1].id) {
row.classList.add("silver");
} else if (topThree[2] && student.id === topThree[2].id) {
row.classList.add("bronze");
}
const name = document.createElement("td");
name.textContent = student.name ?? "-";
const course = document.createElement("td");
course.textContent = student.course ?? "-";
const grade = document.createElement("td");
grade.textContent = student.grade ?? "-";
const attendance = document.createElement("td");
attendance.textContent = student.attendance + "%" ?? "-";
const assignmentAvg = document.createElement("td");
assignmentAvg.textContent = calculateAssignmentAverage(...student.assignments);
const status = document.createElement("td");
status.textContent = passingIds.includes(student.id) ? "Pass" : "Fail";
const city = document.createElement("td");
city.textContent = student.address.city ?? "-";
row.append(name, course, grade, attendance, assignmentAvg, status, city);
tableBody.appendChild(row);
})
}
export function renderSummary(stats, uniqueCourseCount) {
const summary = document.getElementById("summary");
summary.innerHTML = "";
summary.innerHTML += `<h2>Summary</h2>
<p>Total Students: ${stats.totalStudents}</p>
<p>Average Grade: ${stats.averageGrade.toFixed(2)}</p>
<p>Highest Grade: ${stats.highestGrade}</p>
<p>Lowest Grade: ${stats.lowestGrade}</p>
<p>Average Attendance: ${stats.averageAttendance.toFixed(2)}%</p>
<p>Unique Courses: ${uniqueCourseCount}</p>`;
}