I am trying to make a website that analyzes data from a game called Overwatch.

I have this (<https://ow-api.com/v1/stats/pc/us/ShalevBito-2753/complete>) and when you visit it, all you see is text in JSON format.

Is there anyway I can read this using JavaScript and send the ratingIcon to a nice tag on my website so I can display it?

Current Code (This is in a < script > tag:

```
let requestUrl = "https://ow-api.com/v1/stats/pc/us/ShalevBito-2753/complete";
let request = new XMLHttpRequest();
request.open('GET', requestUrl);
request.responseType = 'json';
request.send();
request.onload = function() {
    logData(request.response);
}
function logData(data) {
    document.querySelector('.rating').innerText = `${data['rating']}`;
    document.querySelector('.rank').innerText = `${data['ratingIcon']}`;
}

```

Html:

`<p class="rating"</p>
<img class="rank"</img>`