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);
}
3 Likes
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)
}
1 Like
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! 
3 Likes
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!
Desculpe-me mas há um erro na declaração de variável no laço for ,‘var’ ao invés de ‘let’ o correto é for (let animal of animals) e não for (var animal of animals) ou não?
Thanks.
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);
}
2 Likes
Estou tentando fazer com o mesmo procedimento correto, mas o editor fala que a posição está errada sendo que está certa, segue o anexo do código!
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);
}
a resposta caso alguém precise.
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);
}
1-import { animals } from ‘animalShelter.data’;
2-let title = document.createElement(‘h1’);
3-title.textContent = ‘Adoptable Animals’;
4-document.body.appendChild(title);
5-for (let animal of animals)
6- let animalName = document.createElement(‘h2’);
7- animalName.textContent = animal[0];
8- document.body.appendChild(animalName);
9-}
Essa forma está correta.
