Como usar o input para armazenar dois valores

Eae chara kkk Eu dei uma pesquisada, pois não sabia também.

Como nós queremos mais de um input precisamos especificar um nome/id, isso ao criar o input, assim;

Email:<input type="text" id="email" name="email">
Senha:<input/ type="text" id="senha" name="senha">

Eu especifiquei tanto o ID quanto o NOME. Assim dentro da função você especifica de qual input você esta pedindo o valor. Mas também além disso, precisamos dizer dentro da função qual input você quer pelo nome/id. Para isso usamos o comando document.getElementById("id/nome");

O código completo fica assim;

<meta charset="utf-8">

Email:<input type="text" id="email" name="email">
Senha:<input/ type="text" id="senha" name="senha">
<button>Logar</button>
<script type="text/javascript">

    var input = document.querySelector("input"); 
    input.focus();

    function logar() {
        var input_email = document.getElementById("email");
        var input_senha = document.getElementById("senha");

        var email = input_email.value;
        var senha = input_senha.value;

        alert("O email recebido foi " + email)
        alert("A senha recebida foi " + senha)
    }

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

</script>

Muito Bom Lucas! Explicou certinho