ATÉ 40% OFF
TÁ ACABANDO!
0 dias
0 horas
0 min
0 seg
No módulo 03 - Reiniciando o jogo - AULA 4, A prendemos a limpar o campo após clicar no botão chutar. Gostaria de saber se tem algum problema ao invés de usar a função:
function limparCampo() {
chute = document.querySelector('input');
chute.value = '';
}
eu poderia usar assim:
function limparCampo() {
document.querySelector('input').value = '';
}
Já que aparentemente comigo funcionou sem erro algum
Olá Lucas.
Tudo bem.
Há muitos caminhos que levam ao mesmo destino e este pode ser o seu caso.
Vamos analisar mais a fundo.
A única diferença entre as duas formas é que, na primeira, você não armazena o elemento em uma variável, enquanto na segunda você armazena e depois altera o valor.
Funcionalmente, para esse uso simples, o resultado é o mesmo.
Quando usar cada uma?
Versão curta (sem variável)
Boa para ações simples, quando você só precisa acessar o elemento uma vez.
Versão com variável
Útil quando você vai reutilizar o mesmo elemento várias vezes dentro da função, por exemplo:
function exemplo() {
const input = document.querySelector('input');
input.value = '';
input.classList.add('erro');
}
Assim você evita chamadas repetidas ao querySelector, que são um pouco mais custosas.
Pode usar tranquilamente a forma simplificada ela está correta e neste caso não causa problemas.
Qualquer duvida comente ai.
Bons estudos.