I need help to output each student name and percent on a HTML page and print the grade of students based on the conditions in the loop. Please let me know how to display the results as Name,Percent,Grade for each student in the array. [1]: https://i.stack.imgur.com/s1ewS.png

[enter image description here][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);