Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Template String no campo do HTML

Olá,

No video, foi dito que a template string não é aceita no campo que vai preencher o HTML, mas eu testei e funcionou. Alguém sabe me dizer o porquê? Será que é porque pode dar erro a depender do navegador ou algo assim?

O código está assim:

function verificarChute() {
    tentativas++;
    let chute = document.querySelector('input').value;
    if (chute == numeroSecreto) {
        preencherCamposDeTexto ('h1', 'Acertou!! :D');
        preencherCamposDeTexto ('p', `Você descobriu o número secreto com ${tentativas} tentativas!`);
    } else{
            preencherCamposDeTexto ('h1', 'Tente novamente.');
            preencherCamposDeTexto ('p', `O número secreto é ${chute > numeroSecreto? 'menor' : 'maior'}.`);
        }
        console.log(tentativas + 'ª tentativa: ' + chute);
    }
1 resposta
solução!

Olá, tudo bem?

O HTML em si não possui suporte direto para template strings. No entanto, o que acontece nos bastidores é que o JavaScript interpreta e processa as template strings, gerando conteúdo dinâmico. Esse conteúdo é então inserido no HTML por meio do DOM (Document Object Model).

Portanto, enquanto o HTML em si não "entende" template strings, o JavaScript faz a ponte, permitindo a criação e manipulação de conteúdo de maneira mais flexível e fácil de entender. Essa é uma prática comum ao trabalhar com interações dinâmicas e atualizações de página em resposta a eventos no navegador.

E é o que aconteceu com o seu código compartilhado, você está utilizando um código JavaScript para gerar um conteúdo em HTML.

Espero ter esclarecido à dúvida.

Caso surja alguma pergunta é só compartilhar no fórum.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!