AJAX JSON呼び出しの失敗

Question

特定のサイトからJSONデータを取得するAJAX呼び出しを行っていますが、何らかの理由で呼び出し前にエラーが発生しています。

エラーメッセージ：

Uncaught TypeError: Cannot read property 'addEventListener' of null at script.js:2

コード：

var ajaxtest = document.getElementById("dmeo"); 

ajaxtest.addEventListener("click",function() { 
var ourRequest = new XMLHttpRequest(); 
ourRequest.open("GET","https://learnwebcode.github.io/json-example/animals-1.json")//post if you want to send data 
ourRequest.onload = function(){ 
    // console.log(ourRequest.responseText);//test logging to console. 
var ourData = JSON.parse(ourRequest.responseText); 
console.log(ourData[0]); 
}; 
ourRequest.send(); 
}); 

Answer 1

タイプミス？ var ajaxtest = document.getElementById（ "dmeo"）; は"デモ"にする必要がありますか？

Answer 2

SOLVED！私がやったことは、それをonclickイベントに入れるだけでした。

function Makecall(){ 
var ourRequest = new XMLHttpRequest(); 
ourRequest.open("GET","https://learnwebcode.github.io/json-example/animals-1.json")//post if you want to send data 
ourRequest.onload = function(){ 
    // console.log(ourRequest.responseText);//test logging to console. 
var ourData = JSON.parse(ourRequest.responseText); 
console.log(ourData[0]); 
}; 
ourRequest.send(); 
};