Como referenciar mais de um input e mais de um button no código?

Boa noite, Daniel! Como vai?

Para fazer isso basta que vc utilize o mesmo procedimento feito para apenas um botão ou um campo! O que vai mudar é o seletor utilizado! Segue um exemplo:

<input type="text" id="campo1" />
<input type="text" id="campo2" />

<button id="botao1">Botão 1</button>
<button id="botao2">Botão 2</button>
<script>
    var campo1 = document.querySelector('#campo1');
    var campo2 = document.querySelector('#campo2');

    var botao1 = document.querySelector('#botao1');
    var botao2 = document.querySelector('#botao2');

    // Atribuir funções aos botões.
</script>

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!