Criando códigos

Olá, tentei criar um código que calculasse a nota de um aluno. A intenção seria que o usuário digitasse as três notas, uma em cada barrinha (input) e após clicar no botão, aparecesse um alert dizendo a média do aluno. Pesquisei um pouco sobre como dar uma identidade a cada input e fiz o código dessa maneira:

<meta charset="UTF-8">

<h1> Média do aluno </h1>


Informe aqui as notas do aluno. 
<br><br>
<input type="text" class="notaUm">
<br><br>
<input type="text" class="notaDois">
<br><br>
<input type="text" class="notaTres">
<br><br>
<button> Enviar

<script>

    function calculaMedia(a, b, c) {

        var media = (a * 2 + b * 3 + c * 5)/10;
        return media;
    }

var inputUm = document.querySelector("input.notaUm");
var inputDois = document.querySelector("input.notaDois");
var inputTres = document.querySelector("input.notaTres");

 var n1 = inputUm.value;
 var n2 = inputDois.value;
 var n3 = inputTres.value;


var button = document.querySelector("button");
button.onclick = calculaMedia;



alert("A média do aluno é " + calculaMedia(n1, n2, n3) + ".");



</script>

Alguém poderia dizer onde está errado?