descobri que existe existe uma nova forma de resgatar e definir valores a uma tag HTML qualquer, utilizando seu ID como variável:
<html>
<head>
<title>Meu Teste</title>
</head>
<body>
<input id="testeVariavel">
</body>
</html>
JAVASCRIPT
/*1- Utilizando o ID da TAG como variável*/
testeVariavel.value = "teste"
/*2- Forma tradicional*/
var testeVar = document.querySelector('#testeVariavel');
testeVar.value = "teste 2"
Gostaria de saber se é uma boa prática utilizar da primeira forma que exemplifico no código acima do JavaScript, pois vi que isso é bem mais prático que o método normal (uma vez que consigo trabalhar até mesmo com funções).
Ambos os jeitos demonstrados, consigo definir um valor qualquer para meu input, porém economizando no código e deixando "aparentemente" mais otimizado.
Tenho algum impacto futuro ao utilizar desta forma mais prática, pois é bem semelhante a uma variável global também, pois em teoria posso acessar o elemento sempre que eu quiser para definir ou resgatar um valor.