tenho esse código em js com dados de uma serie e gostaria de acessar somente alguns dados, como nome , numero de episódios, resumo, etc. para colocar em dentro de uma box , que está em html. Porem ao fazer o código JSON (lá no final) no formato texto (e deve ser desse jeito), o código se limita a imprimir apenas uma informação (let texto = JSON.stringify(bd.nome,bd.resumo,bd.nota);). Como posso fazer com que ele imprima mais de uma informação que eu quero dentro da box html?
const bd = {
nome: "Stranger Things",
generos: [
"Mistério",
"Sci-Fi & Fantasy",
"Drama"
],
num_episodios: 25,
num_temporadas: 3,
nota: 8.5,
resumo: "Quando um garoto desaparece, a cidade toda participa nas buscas. Mas o que encontram são segredos, forças sobrenaturais e uma menina.",
elenco: [
{
nome: "Winona Ryder",
personagem: "Joyce Byers",
},
{
nome: "David Harbour",
personagem: "Jim Hopper",
},
{
nome: "Finn Wolfhard",
personagem: "Mike Wheeler",
},
{
nome: "Millie Bobby Brown",
personagem: "Eleven",
},
{
nome: "Gaten Matarazzo",
personagem: "Dustin Henderson",
},
{
nome: "Caleb McLaughlin",
personagem: "Lucas Sinclair",
},
{
nome: "Natalia Dyer",
personagem: "Nancy Wheeler",
},
{
nome: "Charlie Heaton",
personagem: "Jonathan Byers",
},
{
nome: "Sadie Sink",
personagem: "Max Mayfield",
},
{
nome: "Dacre Montgomery",
personagem: "Billy Hargrove",
},
{
nome: "Cara Buono",
personagem: "Karen Wheeler",
},
{
nome: "Noah Schnapp",
personagem: "Will Byers",
},
{
nome: "Joe Keery",
personagem: "Steve Harrington",
},
{
nome: "Priah Ferguson",
personagem: "Erica Sinclair",
},
{
nome: "Maya Hawke",
personagem: "Robin",
}
],
temporadas: [
{
numero: 1,
numero_episodios: 8,
exibicao: "2016-07-15",
resumo: "A pequena cidade de Hawkins é cenário de estranhos acontecimentos. Após o desaparecimento de um garoto, surge uma menina com poderes sobrenaturais.",
episodios: [
{
numero: 1,
nome: "Capítulo um: O desaparecimento de Will Byers",
nota: 7.79,
resumo: "No caminho de volta para casa, Will é aterrorizado por alguma coisa. Não longe dali, um laboratório secreto guarda um segredo sinistro."
},
{
numero: 2,
nome: "Capítulo dois: A estranha da Maple Street",
nota: 8.194,
resumo: "Lucas, Mike e Dustin tentam conversar com a menina que encontram. Hopper tem perguntas para uma Joyce extremamente ansiosa."
},
{
numero: 3,
nome: "Capítulo três: Caramba",
nota: 8.634,
resumo: "Cada vez mais preocupada, Nancy procura Barb e acaba descobrindo o que Jonathan anda fazendo. Joyce está convencida de que Will está tentando se comunicar com ela."
},
{
numero: 4,
nome: "Capítulo quatro: O corpo",
nota: 8.341,
resumo: "Joyce se recusa a acreditar de Will morreu, e tenta se comunicar com ele. Os meninos transformam o visual de Onze. Nancy e Jonathan acabam se unindo."
},
{
numero: 5,
nome: "Capítulo cinco: A pulga e o acrobata",
nota: 8.16,
resumo: "Hopper consegue entrar no laboratório enquanto Nancy e Jonathan confrontam as forças que levaram Will. Os meninos perguntam ao Sr. Clarke como se vai para outra dimensão."
},
{
numero: 6,
nome: "Capítulo seis: O monstro",
nota: 8.371,
resumo: "Desesperado, Jonathan procura por Nancy na escuridão, mas Steve faz a mesma coisa. Hopper e Joyce descobrem a verdade sobre os experimentos conduzidos no laboratório."
},
{
numero: 7,
nome: "Capítulo sete: A banheira",
nota: 8.233,
resumo: "Onze tenta chegar a Will, mas Lucas dá o alerta de perigo. Nancy e Jonathan mostram à polícia as imagens capturadas pela câmera."
},
{
numero: 8,
nome: "Capítulo oito: De ponta-cabeça",
nota: 8.437,
resumo: "O Dr. Brenner interroga Hopper e Joyce enquanto os meninos e Onze esperam no ginásio. Nancy e Jonathan se preparam para uma nova batalha."
}
]
},
{
numero: 2,
numero_episodios: 9,
exibicao: "2017-10-27",
resumo: "Quase um ano após o estranho desaparecimento de Will, a vida em Hawkins está longe de voltar ao normal.",
episodios: [
{
numero: 1,
nome: "Capítulo um: Mad Max",
nota: 7.894,
resumo: "Na véspera do Halloween, um rival bagunça as coisas no fliperama. Cético, Hopper inspeciona uma plantação de abóboras apodrecidas."
},
{
numero: 2,
nome: "Capítulo dois: Gostosura ou travessura, aberração",
nota: 8.018,
resumo: "Depois que Will vê algo terrível na noite das gostosuras ou travessuras, Mike se pergunta se Onze ainda está por perto. Nancy enfrenta a verdade sobre a morte de Barb."
},
{
numero: 3,
nome: "Capítulo três: O girino",
nota: 8,
resumo: "Dustin adota um animal de estimação estranho, e Onze fica cada vez mais impaciente. Bem-intencionado, Bob incentiva Will a encarar os seus medos."
},
{
numero: 4,
nome: "Capítulo quatro: Will, o sábio",
nota: 8.241,
resumo: "Debilitado, Will se abre com Joice, e o resultado é perturbador. Enquanto Hopper busca a verdade, Onze faz uma descoberta surpreendente."
},
{
numero: 5,
nome: "Capítulo cinco: Dig Dug",
nota: 8.196,
resumo: "Nancy e Jonathan trocam teorias conspiratórias com um novo aliado, e Onze procura alguém do seu passado. “Bob Sabichão” lida com um problema complicado."
},
{
numero: 6,
nome: "Capítulo seis: O espião",
nota: 8.386,
resumo: "A ligação entre Will e uma sinistra força do mal fica mais forte, mas ninguém sabe ao certo como detê-la. Dustin e Steve criam um vínculo improvável."
},
{
numero: 7,
nome: "Capítulo sete: A irmã perdida",
nota: 6.918,
resumo: "Visitantes psíquicos arrastam Onze na direção de um grupo de marginalizados violentos e de uma garota irritada com um passado sombrio."
},
{
numero: 8,
nome: "Capítulo oito: O Devorador de Mentes",
nota: 8.417,
resumo: "Um herói improvável surge quando um incidente mortal provoca o fechamento do Laboratório de Hawkins, deixando Will e vários outros presos lá dentro."
},
{
numero: 9,
nome: "Capítulo nove: O portal",
nota: 8.345,
resumo: "Onze planeja terminar o que começou. Os sobreviventes aumentam a pressão contra a força monstruosa que mantém Will refém."
}
]
},
{
numero: 3,
numero_episodios: 8,
exibicao: "2019-07-04",
resumo: "Romance no ar. Um shopping novinho em folha. Ratazanas enlouquecidas correndo para o perigo. É o verão de 1985 em Hawkins. E um verão pode mudar tudo.",
episodios: [
{
numero: 1,
nome: "Capítulo Um: Está Me Ouvindo, Suzie?",
nota: 7.511,
resumo: "O verão é época de trabalhos temporários e novos namoros. Mas o clima muda quando Will percebe algo de errado na transmissão em russo captada pelo rádio de Dustin."
},
{
numero: 2,
nome: "Capítulo Dois: O Caso Dos Ratos",
nota: 7.806,
resumo: "Nancy e Jonathan seguem uma pista. Steve e Robin participam de uma missão secreta, e Max e Onze vão às compras. Billy tem visões perturbadoras."
},
{
numero: 3,
nome: "Capítulo Três: A Salva-Vidas Desaparecida",
nota: 7.926,
resumo: "Onze e Max estão à procura de Billy. Will planeja um dia sem as garotas. Steve e Dustin ficam de tocaia, e Joyce e Hopper retornam ao Laboratório Nacional de Hawkins."
},
{
numero: 4,
nome: "Capítulo Quatro: A Prova da Sauna",
nota: 8.414,
resumo: "A turma se reúne para enfrentar um mal terrivelmente familiar. Karen pede que Nancy continue a investigação. Robin consegue uma planta do shopping muito útil."
},
{
numero: 5,
nome: "Capítulo Cinco: Os Devorados",
nota: 7.769,
resumo: "Surpresas estranhas se escondem em uma antiga fazenda e nas profundezas do Starcourt Mall. O Devorador de Mentes fica mais forte."
},
{
numero: 6,
nome: "Capítulo Seis: E Pluribus Unum",
nota: 7.963,
resumo: "Dr. Alexey revela o que os russos estão construindo, e Onze vê onde Billy esteve. Dustin e Erica planejam um resgate ousado."
},
{
numero: 7,
nome: "Capítulo Sete: A Mordida",
nota: 8,
resumo: "Com o tempo se esgotando e um assassino cada vez mais perto, a equipe de Hopper corre de volta a Hawkins. Lá, Onze e o resto da turma se preparam para a guerra."
},
{
numero: 8,
nome: "Capítulo Oito: A Batalha de Starcourt",
nota: 8.8,
resumo: "O Devorador de Mentes causa terror na praça de alimentação. Lá embaixo, na escuridão, o futuro da humanidade está em jogo."
}
]
}
]
}
const box = document.querySelector('#box');
let texto = JSON.stringify(bd.nome,bd.resumo,bd.nota);
box.innerText = texto;
let objeto = JSON.parse(texto);
console.log(objeto);
Código HTML
<meta charset="UTF-8">
<title>Objetos</title>
<style>
#box{
padding: 1em;
border: 2px solid #333;
}
</style>