Sistema de notas básico

Olá, queria colocar a quantidade de alunos num input html (não gosto de prompt) e em seguida dar a nota de cada um, e no fim mostrar na tela a maior e a menor nota de todas. Como faço o loop pra ir armazenando as notas até chegar a quantidade final de alunos que selecionei? E para imprimir depois? Estou até agora assim

<input placeholder = "Quantidade de alunos" id = "alunos"/>
 <input placeholder = "Nota do aluno" id = "nota"/>
 <button id= "gerar"> Ok</button> <div>
 </div>

>

Citar

var alunos = document.GetElementById("alunos");
var nota = document.GetElementById("nota");
var maior;
var menor;
menor = maior;
function notas(){
for (var i = 0; i < n; i++) {
 //nota = +prompt('Digite a nota do aluno');
 if (nota > maior) {
 maior = nota;
 } else {
 if (nota < menor) {
 menor = nota;
 }
 }
}

alert("Maior nota: "+ maior);
alert("Menor nota: "+ menor);
document.getElementById("gerar").addEventListener("click", notas);