Entrar Ainda não tem acesso?
1
resposta

Exibindo em um alert o nome digitado

Referente ao curso JavaScript e HTML: desenvolva um jogo e pratique lógica de programação, no capítulo Interaja de maneira diferente com o usuário e atividade Exibindo em um alert o nome digitado

por JEFERSON CETOLINI
| 29.5k xp | 2 posts

Boa noite, pessoal.

Como é minha primeira postagem, gostaria de parabeniza-los pela plataforma. Eu estou gostando muito, parabens.

Fiquei com uma duvida sobre este código:

<meta charset="UTF-8">

<input/>
<button>Exibir texto digitado</button>

<script>
    var input = document.querySelector("input");

    function exibeTexto() {

        alert(input.value);
    }

    var button = document.querySelector("button");
    button.onclick = exibeTexto;
</script>

Na linha 7 :

<script>
    var input = document.querySelector("input");

Não deveria ser assim:

var input = document.querySelector("input");
input.value

Pois o instrutor fala que "Para sabermos qual o valor que está inserido na variável, utilizaremos o input.value"

Porem copiei o código, rodei e funcionou. Então fica a duvida precisamos usar o input.value ou eu fiz algum tipo de confusão?

Desde já obrigado.

1 resposta
por Instrutor
| 1132.1k xp | 1471 posts
Instrutor

Jeferson, bom dia!

Muito obrigado, fazemos o possível pra tornar sua experiência a melhor possível!

Quando fazemos:

var input = document.querySelector("input");

Estamos selecionando o elemento (ou um node), isso nos dá a possibilidade de mudar algumas características dele como cor de fundo, borda, tamanho e etc.

Porém o que queremos exibir é o texto correto? E o texto é uma característica do elemento também, que você pode pegar através do .value, por isso quando damos o alert() nós colocamos o elemento e a característica

function exibeTexto() {
        alert(input.value);
    }

Você também poderia pegar o texto direto no querySelector ficando assim:

var input = document.querySelector("input").value;

Mas aí na função exibeTexto você usaria dentro alert só o a variável que tem característica value, ficando assim:

 function exibeTexto() {

        alert(input);
    }

Espero que tenha ficado claro, e qualquer dúvida só mandar! Bons estudos!