Olá,
Eu achei um pouco repetitivo o código na função limpar campo e quis testar um jeito mais simples para ver se funcionaria e deu certo! Porém estou na dúvida se realmente pode fazer assim, ou tem algum detalhe que pode dar errado a depender da situação?
function limparCampo () {
document.querySelector('input').value = '';
}
Olá, tudo bem?
Eu testei seu código e funcionou perfeitamente no projeto.
Nesse caso, sim, a limpeza do formulário pode, sim, ser feita dessa forma. Inclusive é uma maneira bem interessante de resolver o problema. Mas em outros casos onde temos várias tag´s <input> isso pode gerar problema, portanto seria mais legal usar a classe, ou o id da tag que você precisa mudar o valor. Ou você poderia só deixar o espaço vazio e deixar para que ele fosse completado usando uma template String, um exemplo de como isso pode ser feito é assim:
} else {
if (chute > numeroSecreto) {
exibirTextoNaTela('p', 'O número secreto é menor');
} else {
exibirTextoNaTela('p', 'O número secreto é maior');
}
tentativas++;
limparCampo(".container__input");
/* o ".container__input" é como se você tivesse
chamando a classe o input ou algo do tipo, poderia ser também
"#teste1" se o id do input do arquivo index.html fosse "teste1" */
}
E aqui na função limparCampo ela receberia um valor vazio completado na chamada dela:
function limparCampo(nomeDoInput) {
document.querySelector(nomeDoInput).value = '';
}
Dessa forma a mesma função poderia ser reutilizada em outros momentos e outros casos onde fosse preciso no código.
Mas isso é só um extra! Se não entender algo é só falar.
Se precisar eu estarei por aqui!
Abraços e bons estudos.