Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

pode ver porque esse codigo nao insere o JSON na pagina

por marcelo batista dos santos
| 192.8k xp | 31 posts
front end developer 
var botaoAdicionar = document.querySelector("#adicionar");
var valor = document.querySelector("#valor");
botaoAdicionar.addEventListener("click", swapper, function(event) {
            event.preventDefault();

            let xhr = new XMLHttpRequest();
            xhr.open('GET', "http://educacao.dadosabertosbr.com/api/escolas?nome=estrela");
            xhr.setRequestHeader("Content-type", "application/json");
            xhr.onreadystatechange = () => {

                if (xhr.readyState == 4) {

                    if (xhr.status == 200) {

                        resolve(JSON.parse(xhr.responseText));
                    } else {

                        reject(xhr.responseText);
                    }
                }
            };
            xhr.send(JSON.stringify(dado)); 
        });

======================================================= aqui esta o erro

index.js:3 Uncaught TypeError: Cannot read property 'addEventListener' of null
    at index.js:3
1 resposta
solução!
por Marco Salles
| 451.1k xp | 636 posts
Instrutor Desenvolvedor

Marcelo, repare no erro:

Cannot read property 'addEventListener' of null
  • Que linha chama o método addEventListener? A linha 3 (at index.js:3).
  • Que objeto chama esse método? O botaoAdicionar.
  • Qual o estado dele nesse momento? null (fim no erro diz que não conseguiu chamar a propriedade addEventListener do objeto null).

Portanto o problema está no botão. Parece que sua query não funcionou e você não encontrou um botão válido. Confira se seu botão tem um atributo id e se nele tem a palavra adicionar. Exemplos:

<button id="adicionar"></button> ##certo
<button id="#adicionar"></button> ##errado
<button id="outro-id adicionar"></button> ##certo