Olá, Matheus. Tudo bem com você?
O que está acontecendo é que no JSON, os dados originais são salvos no formato:
{
"id": "2a56",
"conteudo": "Vc faz TI? Conserta meu celular!",
"autoria": "Grupo da família"
},
Sendo as chaves: id, conteúdo e autoria. Entretanto, no seu código, é salvo no formato:
{
"id": "833f",
"pensamento": "Quero sachê!",
"autoria": "Link e Zelda"
},
Com pensamento no lugar de conteúdo, como o código não está preparado para lidar com a chave conteúdo e essa informação não foi criada no código ele te mostra o valor undefined.
Para corrigir, você pode alterar o nome da variável que recebe esse campo e o nome do parâmetro na chamada da função salvarUmPensamento, por exemplo:
async function manipularSubmissaoFormulario(event) {
event.preventDefault();
const id = document.getElementById("pensamento-id").value;
const conteudo = document.getElementById("pensamento-conteudo").value; // Nessa linha
const autoria = document.getElementById("pensamento-autoria").value;
try {
await api.salvarUmPensamento({ conteudo, autoria }); // E nessa linha
ui.rederizarPensamentos();
} catch (error) {
alert(`Um erro ocorreu ao escrever no formulário: ${error}`);
}
}
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar.
Abraços :)
Caso este post tenha lhe ajudado, por favor, marcar como solucionado
