javascript Value

27/12/2019

Bom dia gente estou aqui testando meus conhecimentos em html,css e js. Estou tentando pegar o valor do input, porem n�o vai. e aparece esse erro: Cannot read property 'value' of null, mais cedo aparecia esse mesmo erro s� que addEventLisner inves de value. Como posso resolver isso ?

meu codigo js:

 var btn = document.querySelector("#app button");
var text = document.getElementById("#app input");


function mostra(texto){
console.log(texto);
}

var t = text.value;

btn.addEventListener("click",mostra(t));

meu codigo html:

<div class="container">
        <div class="row">
            <div id="app" class="col-xs-12">
                <input type="text" placeholder="Digite algo aqui" id="add">
                <button type="button">add</button>
            </div>
        </div>
    </div>

Matheus Rodrigues

Curtir t�pico + 0

Responder

Posts

14/03/2020

Stella Oliveira

Voc� t� selecionando errado.
A fun��o getElementById aceita apenas uma string. Voc� est� passando um seletor completo.

Troca essa linha aqui:

var text = document.getElementById("#app input");

Por isso aqui:

var text = document.querySelector("#app input");

Quando voc� usando o getElementById, voc� n�o precisa usar caracteres especiais de seletor ( #, ., etc), por que ele s� vai pegar o texto e adicionar o # automaticamente.
Quando voc� d� um document.getElementById("#app input"), o que ele est� fazendo por debaixo dos panos com esse seletor �

"##app input"

, sacou ?

Lembre se, voc� est� determinando que voc� quer um �nico elemento usando apenas o ID

O getElementById funcionaria se voc� tivesse feito ele assim:

var text = document.getElementById("app");

Responder

Gostei + 0