Me gustaría saber cómo puedo hacer que un arreglo API aparezca directamente en mi cuerpo HTML, porque cuando intento hacerlo devuelve [objeto, objeto]

Esta es la matriz en la consola:

código: "IT" confirmado: 12134286, país: "Italia", crítico: 343, muertes: 754169

Este es mi código:

 const body = document.querySelector('body') const button = document.querySelector('.button') const result = () => { fetch("https://covid-19-data.p.rapidapi.com/country/code? code=it", { "method": "GET", "headers": { "x-rapidapi-host": "covid-19-data.p.rapidapi.com", "x-rapidapi-key": "596ab7b883msh9846bfe9508ejsn1508f3534ee0" } }) .then(response => response.json()) .then(data => { data.forEach(result => { console.log(result) const h2 = document.createElement('h2') h2.innerHTML = result body.appendChild(h2) }) .catch(err => { console.error(err); }); } button.addEventListener('click', () =>{ result(); })