In the console I only see the Id and not the name and comment key values as shown in Guil's code. Why?

const select = document.getElementById('breeds');
const card = document.querySelector('.card'); 
const form = document.querySelector('form');

// ------------------------------------------
//  FETCH FUNCTIONS
// ------------------------------------------

function fetchData(url){
  return fetch(url)
          .then(checkStatus)
          .then(res=>res.json())
          .catch(error=>console.log("Looks like something is wrong", error))
}

fetchData('https://dog.ceo/api/breeds/list')
  .then(data=>generateOption(data.message))

fetchData('https://dog.ceo/api/breeds/image/random')
  .then(data => generateImage(data.message))


// ------------------------------------------
//  HELPER FUNCTIONS
// ------------------------------------------

function checkStatus(response){
  if(response.ok){
    return Promise.resolve(response);
  }else{
    return Promise.reject(new Error(response.statusText));
  }
}

function generateOption(data){
  const options = data.map(item =>`
    <option value='${item}'>${item}</option>
  `).join("");
  select.innerHTML = options;
}

function generateImage(data){
  const html = `
    <img src="${data}" alt>
    <p>click to view images of${select.value}s</p>
  `;
  card.innerHTML = html;
}

function fetchBreedImage(){
  const breed = select.value;
  const img = card.querySelector("img");
  const p = card.querySelector("p");

  fetchData(`https://dog.ceo/api/breed/${breed}/images/random`)
    .then(data=>{
      img.src = data.message;
      img.alt = breed;
      p.textContent = `Click to view more ${breed}s`;

    })
}

// ------------------------------------------
//  EVENT LISTENERS
// ------------------------------------------
select.addEventListener("change", fetchBreedImage);
card.addEventListener("click", fetchBreedImage);
form.addEventListener("submit", postData);


// ------------------------------------------
//  POST DATA
// ------------------------------------------
function postData(e){
  e.preventDefault();
  const name = document.getElementById("name").value;
  const comment = document.getElementById("comment").value;

  const config = {
    method: "POST",
    header:{
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({name, comment})
  }

  fetch('https://jsonplaceholder.typicode.com/comments', config)
    .then(checkStatus)
    .then(res =>res.json())
    .then(data => console.log(data))
}