Existe sim, Loifre! Para isso, no HTML, temos as classes e os IDs. Eles são definidos como parâmetros de uma tag, dessa forma:
<!-- Com ids, primeiro -->
<input id="input-do-usuario">
<input id="input-da-senha">
<!-- Com classes -->
<input class="input-do-usuario">
<input class="input-da-senha">
Mas qual a diferença de uma classe e um id? Um id é único e exclusivo - você só pode usá-lo em um elemento, enquanto uma classe serve para você classificar tipos ou grupos de elementos, permitindo que usemos a mesma para diferentes tags. Por exemplo, isso é válido:
<input class="classe-do-input">
<input class="classe-do-input">
Mas isso não:
<input id="id-do-input">
<input id="id-do-input">
No seu caso, você poderia resolver com ids da seguinte forma:
<h3>Login</h3>
<input id="input-do-usuario">
<h3>Senha</h3>
<input id="input-da-senha">
<br><br>
<button>Entrar</button>
<script>
var loginAccess = loifre.jr@gmail.com
var passwordAccess = javaide123
var login = document.getElementById("input-do-usuario").value
var password = document.getElementById("input-da-senha").value
</script>
Lembrando que sem o .value o JavaScript vai selecionar o elemento como um todo, não o texto contido nele.
Já que você está interessado nisso, Loifre, recomendo que faça os cursos de HTML e CSS aqui na Alura! Minha recomendação é começar com esse, dá uma olhada! Abraços!
