JSFiddle - React, Tailwind, and code Playground

by Adrian-Stefan Mihai

HTML

Create a StudentsList class that has the next properties:
__________________________________________________________
- numStudents, the amount of students in a classroom
- students: array of student objects that have the next format:
        - firstName
        - lastName
        - mathGrade
        - romGrade
        - averageGrade
- renderToId - an id of a HTML element where the list will be displayed
- className - the name of the classroom
__________________________________________________________________
and the  following methods:
- addStudent - adds a student to the list, this function should take in as parameter a student object
- removeStudent - removes a student from the list, this function takes as parameters the firstName and lastName of the student
- calculateAverage - calculates the average of all students' average grades
- print - displays the list in HTML inside the element identified by the renderToId property,beside the nice formatted list, this function will print also an message with the general average grade of the students.

The constructor should take the next parameters
- className, students, renderToId
where students is an array of objects having the next format:
     - firstName
     - lastName
     - mathGrade
     - romGrade

Example:
    var students = [
        {firstName:'Ion',
         lastName: 'Popescu',
         mathGrade: 9,
         romGrade: 10}, ...........];
    var myList = new StudentsList('XII B', students, 'mydiv');