forEach
para percorrer os dados, pois os objetos photo do cat são mantidos num array. Em cada item, você pode modificar os elementos HTML. Primeiro, declare uma variável html com var html = "";
. Em seguida, percorra o JSON, adicionando HTML à variável que encapsula os nomes das chaves em tags strong
, seguida do valor. Quando o loop terminar, você o renderiza. Aqui está o código que faz isso: json.forEach (function (val) {
var keys = Object.keys (val);
html + = "<div class = 'cat'>";
keys.forEach (função (chave) {
html + = "<strong>" + chave + "</ strong>:" + val [tecla] + "<br>";
});
html + = "</ div> <br>";
});
forEach
para fazer um loop pelos dados JSON e crie os elementos HTML para os exibir. Aqui está um exemplo de JSON [
{
"id": 0,
"imageLink": "https://s3.amazonaws.com/freecodecamp/funny-cat.jpg",
"altText": "Um gato branco usando um capacete verde em forma de melão na cabeça.",
"codeNames": ["Juggernaut", "Sra. Wallace", "Buttercup"
]
}
]
html
testString: 'assert(code.match(/html\s+?(\+=|=\shtml\s\+)/g), "Your code should store the data in the html
variable");'
- text: O seu código deve usar um método forEach
para executar um loop pelos dados JSON da API.
testString: 'assert(code.match(/json\.forEach/g), "Your code should use a forEach
method to loop over the JSON data from the API.");'
- text: Seu código deve envolver os nomes das chaves em tags strong
.
testString: 'assert(code.match(/.+<\/strong>/g), "Your code should wrap the key names in strong
tags.");'
```
```