JSFiddle - React, Tailwind, and code Playground

HTML

<section>
  
</section>

JavaScript

const section = document.querySelector('section');
const arr = [];
const jsonnomes = {
    "status": "ok",
    "totalResults": 3,
    "nomes": [{
        "name": "Pedro",
        "idade": "33"
    }, {
        "name": "Bruno",
        "idade": "27"
    }, {
        "name": "Julia",
        "idade": "25"
    }]
}

const renderInfos = () => {
const { nomes } = jsonnomes;
	const res = nomes.forEach((item) => {
  	arr.push(`
      <div>
        <p>Nome: ${item.name} - Idade: ${item.idade}</p>
      </div>    
    `)
  })
section.innerHTML = arr.join(' ');  
}

renderInfos()