Primeiro lugar, está transformando em string um objeto, então não pode acessar as propriedades dele se foi convertido para uma string (dados.name
por exemplo).
Segundo, o resulta é uma array, então precisa de um índice (`result[0] por exemplo) ou fazer uma iteração com o objeto (for, foreach, etc).
const url = 'https://api.sheety.co/30b6e400-9023-4a15-8e6c-16aa4e3b1e72';
fetch(url)
.then(response => response.json())
.then(result => {
const dados = JSON.stringify(result);
// console.log(response.name);
// aqui os dados em formato string
document.getElementById('wrap').innerHTML = dados;
// aqui o valor de name, como é um array, o valor do primeiro elemento
document.getElementById('valor').innerHTML = result[0].name;
// aqui, todos os names:
result.forEach(function(element) {
document.getElementById('todosValores').innerHTML += "<img src='" + element.photo + "'>" + element.name + "<br/>";
});
})
.catch(function(err){
console.error(err);
})
div {
border: solid 1px #000;
display: inline-block;
margin: 2px;
padding: 5px;
}
img {
width: 50px;
height: 50px
}
<div id="valor">
</div>
<div id="todosValores">
</div>
<div id="wrap">
</div>