HTML API lesson trouble

I’m getting the return “Loki” from the console, but the lesson says it’s incomplete. Am I doing something wrong?

  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);
        // Add your code below this line
        // Add your code above this line

  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

If you had the array let char_array = ['a', 'b', 'c'] how would you access the third letter in the array? I’m guessing you would answer:


In the exercise, json is an array of objects. How would you access the third object in that array?

1 Like

I need to use bracket and dot notation to pass

You are using dot notation:


So you have that requirement taken care of.

Again, how do you access a specific element in an array. Do that for the arrays in the JSON data you are getting.

1 Like

I know, I think everything’s right, the lesson just isn’t marking me as correct

If I were to access array elements the way you are then my notation in my example above would be:


But I’m pretty sure we both agree that the proper notation is:


Do you see the difference between these?

Yes, I do. Thanks for the help.