Primeramente he declarado los elementos HTML necesarios para poder mostrar una lista vacía con las calificaciones.
Posteriormente he desarrollado los botones, los cuales llaman a diferentes funciones del archivo .js .
Además, he declarado algunos elementos de texto para poder mostrar los resultados que se van obteniendo.
En el archivo JS:
He declarado los arrays con las clasificaciones, y las he listado para que se visualicen en la página, utilizando etiquetas.
Con el uso de "FOR OF" he recorrido las calificaciones del array para que se muestren en pantalla mediante la función appendChild() del elemento.
Dicha función, es llamada por el evento onload de la etiqueta < body > de forma que se muestre al cargar la página.
La función de "promedio" he utilizado FOR para recorrer el array.
La función para "obtener la nota más alta" he usado WHILE para recorrer el array, creando una variable para almacenar la nota más alta, la cual se inicializa con "0".
La función para "informar si hay alguna asignatura pendiente" (<4) he usado DO WHILE para recorrer el array, preguntando en cada ciclo si la clasificación es menor a 4. En cuánto reconoce una clasificación menor a 4,
se corta el ciclo con un BREAK y muestra el mensaje.
Por último, la función para limpiar, simplemente he indicado que en cada botón se borren los valores mostrados con un .textContent = " ";