Resultado

Fiz assim, tem algum problema fazendo dessa forma?

import ui from "./ui.js"
import api from "./api.js";

document.addEventListener('DOMContentLoaded', () => {
    ui.renderizarPensamentos()

    const formulario = document.getElementById('pensamento-form');
    const buttonCancelar = document.getElementById('botao-cancelar');
    

    formulario.addEventListener('submit', manipularSubimissaoFormulario)

    buttonCancelar.onclick = cancelarSubimissao
})

async function manipularSubimissaoFormulario(event) {
    event.preventDefault()
    const id = document.getElementById('pensamento-id').value
    const conteudo = document.getElementById('pensamento-conteudo').value
    const autoria = document.getElementById('pensamento-autoria').value

    
        try {
            await api.salvarPensamento({ conteudo, autoria })
         } catch {
             alert('Erro ao salvar pensamento')
         }
    
    
}

function cancelarSubimissao() {
    const id = document.getElementById('pensamento-id')
    const conteudo = document.getElementById('pensamento-conteudo')
    const autoria = document.getElementById('pensamento-autoria')

    id.value = '';
    conteudo.value = '';
    autoria.value = '';

}