Olá Grasiela, tudo bem com você?
Ocorreu um pequeno erro de digitação na hora de fazer os imports dentro de cadastro-clientes.html
, você chamou o script como:
<script src="./api/cliente.js"></script>
Mas na verdade o seu arquivo é clientes.js
então faltou acrescentar o S
para que fizesse acesso ao arquivo correto :)
E dentro do clientes.html
, acredito que não seja necessário fazer o import desse script:
<script src="cadastro-clientes.js"></script>
Dado que a operação de cadastro está apenas na página cadastro-clientes
:)
Em cadastro-cliente.js
temos uma coisa para corrigir:
const nome = event.target.querySelector("[data-nome]").value;
const cpf = event.target.querySelector("[data-cpf]").value;
cadastrarClientes(nome.value, cpf.value);
Como no nome
e cpf
você já pegou o .value
então para cadastrar é apenas cadastrarClientes(nome, cpf)
E tem um outro pequeno erro em clientes.js
, aqui:
headers: {
'Content-Type': 'apllication/json'
},
Na verdade é com 2 p's
:
headers: {
'Content-Type': 'application/json'
},
Caso contrário não chegará os dados corretamente dentro do servidor :)
Acredito que com isso tudo estará funcionando corretamente!
Abraços e Bons Estudos :)