Getting The Data pt-br Explainer

Explicação de Obtenção de dados

Objetivo do desafio: Usar o JavaScript para importar uma array de animais e adicionar o nome de cada animal à sua página da Web.

Passo a passo da solução: Comece o desafio adicionando import { animals } from 'animalShelter.data' à parte superior da guia do JS. animals é uma array que contém arrays.

Em seguida, acrescente um laço for para fazer a iteração por animals, por exemplo for (let animal of animals)

Dentro do laço for, use document.createElement() para criar um novo elemento h2, e armazene-o em uma variável chamada animalName.

Em seguida, defina o .textContent de animalName como animal[0]. Por último, use o método .appendChild() para adicionar animalName ao body.

Conceitos de JavaScript: Objeto do documento, document.createElement, document.body. .appendChild(), Laço for

eu fiz tudo que foi pedido mas continua não funcionando,fica dizendo que o .textContent está no local errado e para verificar se está abaixo da declaração de variavel animalName.mas ele esta abaixo de animal name,não tem nada errado,não esqueci de nenhum ; a unica coisa que eu penso que posso ter errado foi dentro dos parenteses do for…of eu usei o exemplo que vcs colocaram for (let animal of animals) {} mas mesmo assim a mensagem não diz que esse é o problema,quero respostas.

eu resolvi esse problema retirando as ‘’ do .textContent como por exemplo: animalName.textContent=‘animal[0]’;
seria sem as ‘’ ficando
animalName.textContent=animal[0];

Essa é a “resposta”

import {animals} from ‘animalShelter.data’;
let title = document.createElement(‘h1’);
title.textContent = ‘Adoptable Animals’;
document.body.appendChild(title);

for (let animal of animals){
let animalName = document.createElement(‘h2’);
animalName.textContent = animal[0];
document.body.appendChild(animalName);
}

segue abaixo a resposta, levei muito tempo pra chegar nela, pois esqueci de usar o var em animal dentro do laço for of:

import { animals } from ‘animalShelter.data’;

let title = document.createElement(‘h1’);
title.textContent = ‘Adoptable Animals’;
document.body.appendChild(title);

for ( var animal of animals) {
let animalName = document.createElement(‘h2’)
animalName.textContent = animal[0]

document.body.appendChild(animalName)

}

necesito ayuda con esto por favor

import {animales} de ‘animalShelter.data’.
let title = document.createElement(‘h1’);
title.textContent = ‘Adoptable Animales’;
document.body.appendChild(title);

for (var animal of animals) {
let animalName = document.createElement (‘h2’);
animalName.textContent = animal [0];

document.body.appendChild(animalesName);
}

olá para os que está com dificuldade para resolver, eu entendo ate porque os comandos está bem confuso, segue abaixo a forma correta !

for(var animal of animals){
let animalsName= document.createElement(“h2”);
animalName.textContent= animal[0];
document.body.appendChild(animalname);
}

Pessoal, fiquem atentos com palavras que se iniciam com letras maiúsculas, assim como palavras no plural e no singular: isso faz toda a diferença neste exercício!
Segue abaixo a minha resposta:

import {animals} from ‘animalShelter.data’

let title = document.createElement(‘h1’);
title.textContent = ‘Adoptable Animals’;
document.body.appendChild(title);

for(var animal of animals){
let animalName = document.createElement(‘h2’);

animalName.textContent = animal[0];
document.body.appendChild(animalName);
}

Espero ter ajudado! :smiley:

Hola!

You’re typing in “animales” in spanish, but the naming is “animals”, in english.
I do this same mistake all the time, mixing portuguese with english.
Pay attention and you’ll be ok! :smiley: