Necesito ayuda para generar el nombre y el porcentaje de cada estudiante en una página HTML e imprimir la calificación de los estudiantes según las condiciones del bucle. Déjeme saber cómo mostrar los resultados como Nombre, Porcentaje, Grado para cada estudiante en la matriz. [1]: https://i.stack.imgur.com/s1ewS.png

[ingrese la descripción de la imagen aquí][1]

 let students = [ { studentName: "Daniel Nate", marksObtained: 15, totalMarks: 25 }, { studentName: "Robert Lee", marksObtained: 80, totalMarks: 100 }, { studentName: "Jennifer Lawrence", marksObtained: 58.5, totalMarks: 65 }, { studentName: "Steve Nath", marksObtained: 50, totalMarks: 100 }, ] // Use .forEach() method to add a property "percentage" to each student object. students.forEach(student =>{ let percentageResult = (student.marksObtained / student.totalMarks) * 100; student.score = percentageResult; }); //Use .sort() method to sort array from highest percentage to lowest students.sort(function (a, b) { return b.score - a.score; }); //Print results on console console.log(JSON.stringify(students)); students.forEach(student => { let grade = student.score; if (grade >=90) { percentageResult = "Grade A"; } else if (grade >=80) { percentageResult = "Grade B" } else if (grade >=70) { percentageResult = "Grade B+" } else if (grade >=60) { percentageResult = "Grade C" } else if (grade >=50) { percentageResult = "Grade D" } else if (grade <50) { percentageResult = "FAIL" } else { percentageResult = "Not a valid Grade"; } }); document.write("Student Grade:".bold() + percentageResult);