Tukukkk

I am using JavaScript to make an API call and receiving the "Uncaught TypeError: data.forEach is not a function", error. I have researched this error at length and either the fixes I tried did not work or I was left saying, "What the. . .?" I am a new developer and still trying to understand error message terminology. Here is what I have tried:

1.trying "onreadystatechange" instead of onload
2. clear cache and cookies
3. different browser
4. look for syntax errors
5. for in loop

**Here is my JavaScript API code:*

    const app = document.getElementById('root');



    const image =document.createElement('img');

    image.src= 'woman_pc.jpg';



    const container = document.createElement('div');

    container.setAttribute('class', 'container');



    app.appendChild(image);

    app.appendChild(container);



    var request = new XMLHttpRequest();

    request.open('GET', 'https://www.themuse.com/api/public/jobs?page=1', 

      true);

    request.onload = function () {



    // Begin accessing JSON data here

    var data = JSON.parse(this.response);

    **if (request.status >= 200 && request.status < 400) {

    data.forEach (job => {

    const card = document.createElement('div');

    card.setAttribute('class', 'card');**



    const h1 = document.createElement('h1');

    h1.textContent = job.title;



    const p = document.createElement('p');

    job.description = job.description.substring(0, 300);

    p.textContent = `${job.description}...`;



    container.appendChild(card);

    card.appendChild(h1);

    card.appendChild(p);

        });

    } else {

    const errorMessage = document.createElement('marquee');

    errorMessage.textContent = `Darn, it's not working!`;

    app.appendChild(errorMessage);

       }

     }



    request.send();     

Any guidance would be greatly appreciated!

Best,

Dana

Have you tried data.results.forEach instead of data.forEach ?