Problems in "JSON APIs and Ajax: Convert JSON Data to HTML" task

JavaScript
1

Hey!

I have the following problemin this challenge

My code is returning Your code should store the data in the html variable message but the code is doing that! Or there’s some mistake?

<script>
  document.addEventListener('DOMContentLoaded',function(){
    document.getElementById('getMessage').onclick=function(){
      req=new XMLHttpRequest();
      req.open("GET",'/json/cats.json',true);
      req.send();
      req.onload=function(){
        json=JSON.parse(req.responseText);
        let html = "<div class='val'>";
        // Add your code below this line
        json.forEach(function(val){                    
          var kk = Object.keys(val);          
          kk.forEach(function(k){                        
            html=html+"<strong>"+k+"</strong>: "+val[k]+"<br>";
          });
          html=html+"<br/>";
        });        
        html=html+"</div>";
        
        // Add your code above this line
        document.getElementsByClassName('message')[0].innerHTML=html;
      };
    };
  });
</script>
3

@camperextraordinaire even with the <div class='cat'> the message appears

<script>
  document.addEventListener('DOMContentLoaded',function(){
    document.getElementById('getMessage').onclick=function(){
      req=new XMLHttpRequest();
      req.open("GET",'/json/cats.json',true);
      req.send();
      req.onload=function(){
        json=JSON.parse(req.responseText);
        let html = "<div class='val'>";
        // Add your code below this line
        json.forEach(function(val){                    
          var kk = Object.keys(val);          
          html+="<div class='cat'>";
          kk.forEach(function(k){                        
            html=html+"<strong>"+k+"</strong>: "+val[k]+"<br>";
          });
          html=html+"</div><br>";
        });        
        html=html+"</div>";
        
        // Add your code above this line
        document.getElementsByClassName('message')[0].innerHTML=html;
      };
    };
  });
</script>
5

@camperextraordinaire do not remember why I’ve changed var to let :man_facepalming:

But well, I’ve reset the code and the error remains but

json.forEach(function(val){                    
          var kk = Object.keys(val);          
          html+="<div class='cat'>";
          kk.forEach(function(key){                        
            html+= "<strong>"+key+"</strong>: "+val[key]+"<br>";
          });
          html+="</div><br>";
        });

I changed html+="</div><br>"; to html += "</div><br>"; and it validated the code!

Some ‘good practice’ mistake issue :laughing:

Thanks, @camperextraordinaire for the support!