Estou com um problema no trecho de código abaixo.
<!DOCTYPE html>
<html>
<head>
<title>02 - Promises Example</title>
<style type="text/css">
.promises {
width: 100%;
font-size: 16px;
font-family: cursive;
}
</style>
</head>
<body>
</body>
<script>
var posts = fetch('https://willianjusten.com.br/search.json');
// pending
// resolved
// rejected
posts
.then(data => data.json())
.then(data => data.reduce(post => {
var teste = post.title;
console.log(teste);
const markup = `<div class="promises">${teste}</div>`;
document.body.innerHTML = markup;
}));
</script>
</html>
Eu preciso exibir todos os elementos na tela, porém ele só exibe o ultimo elemento do array.
Eu quero ter flexibilidade como exibir todo o conteúdo do json, ou todas as categorias, exemplo: todos os campos "date" ou todos os campos "title" e por ai vai, conseguem me dar um help?
reduce
não server para iterar arrays da forma que você está utilizando, tente utilizardata.forEach(post => {
, e então concatene o conteúdo comdocument.body.innerHTML += markup