Not sure how to get the json url

Tell us what’s happening:

in the example you only get “/json/cats.json” for a json url want to know if it’s that right and if not how can I get one that allows me get past the excercise. Thank you!!!

Your code so far

document.addEventListener('DOMContentLoaded', function(){
  document.getElementById('getMessage').onclick = function(){
    const req = new XMLHttpRequest();"GET",'/json/cats.json', true);
      const json = JSON.parse(req.responseText);
      document.getElementsByClassName('message')[0].innerHTML = JSON.stringify(json);

body {
  text-align: center;
  font-family: "Helvetica", sans-serif;
h1 {
  font-size: 2em;
  font-weight: bold;
.box {
  border-radius: 5px;
  background-color: #eee;
  padding: 20px 5px;
button {
  color: white;
  background-color: #4791d0;
  border-radius: 5px;
  border: 1px solid #4791d0;
  padding: 5px 10px 8px 10px;
button:hover {
  background-color: #0F5897;
  border: 1px solid #0F5897;

<h1>Cat Photo Finder</h1>
<p class="message box">
The message will go here
<button id="getMessage">
  Get Message

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; ) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.122 Safari/537.36.

Challenge: Access the JSON Data from an API

Link to the challenge:


I don’t quite understand the question. You don’t need to change anything in the GET call, you need to show a specific data in the console.

The assignment says:

For the cat with the “id” of 2, print to the console the second value in the codeNames array.

For printing to console, you don’t need to add anything to the DOM. a simple console.log is enough.

Hope this helps.

Yeah just checked it and fetchs the entire json without a problem, thx