Включение OpenWeatherMap API с использованием Javascript

Я очень новичок в JavaScript, я действительно недавно изучил его в школе. Я должен включить и получить ответы от OpenWeatherMap API на веб-странице. На данный момент все, что я хочу сделать, это получить температуру в городе, указанном в URL-адресе API. Я долго боролся, прежде чем обратиться к вам за помощью, но я не мог понять свою проблему.

Вот мой код:

var btn = document.getElementById("btn");
var p = document.getElementById("paragraphe");
var txtf = document.getElementById("txtf");
btn.addEventListener('click', fun, false);

function fun(){

var xhr = new XMLHttpRequest();
xhr.open('GET','http://api.openweathermap.org/data/2.5/weatherq=London&appid=2de143494c0b295cca9337e1e96b00e0&units=metric', true)
xhr.addEventListener('readystatechanged', function(){
if(xhr.readyState == 4 && xhr.status == 200){
    var obj = JSON.parse(xhr.responseText)
    p.innerHTML = obj.main.temp;

}

}, false)

xhr.send();

}

Спасибо за помощь !