✅Site: Venda de Coleção de Planilhas Google Prontas:
https://planilhascanalsgp.com.br/plan...
==
Nesta quarta aula da série “Formulário de Cadastro de Clientes com IA”, você vai aprender a editar, excluir e alinhar os botões do seu formulário integrado ao Google Planilhas (Google Sheets), tudo feito passo a passo com apoio da Inteligência Artificial. Nesta série, utilizamos prompts otimizados para gerar automaticamente os códigos HTML, JavaScript e Google Apps Script, tornando o desenvolvimento mais rápido, prático e inteligente.
O que você vai aprender nesta aula:
✅ Criar o botão Editar, permitindo atualizar registros com base no CNPJ.
✅ Inserir o botão Excluir com confirmação antes de remover clientes.
✅ Ajustar o layout e espaçamento dos botões.
✅ 👉👉 Aula 01: • Google Planilhas + Inteligência Artificial...
⏩⏩ PROMPTS PARA COPIAR - AULA 04 💎💎
PROMTP 1:
“ABRIR NOVO CHAT”
Nos códigos do formulário a seguir, inserir um botão para editar os registros, colocar o botão editar a direita do botão pesquisar. A cor de preenchimento do botão editar deve ser laranja.
A pesquisa para edição deve ser com base no CNPJ que consta no campo CNPJ do formulário. Na planilha Google a coluna CNPJ é a coluna C da aba Dados.
Fazer a procura pelo CNPJ apenas pelos números, sem considerar as mascaras. Mas salvar a edição para a planilha Google com mascara.
Na planilha Google, a aba Dados tem as seguintes colunas: 'DATA CLIENTE CNPJ CONTATO CEP RUA BAIRRO CIDADE ESTADO E-MAIL OBSERVAÇÃO'. No total são 11 colunas para editar na planilha Google.
Todas as informações são obrigatórias, exceto a observação.
Com relação a data, editar na planilha Google no formato brasileiro. Fazer este ajuste de formatação no arquivo gs. Converter a data manualmente, quebrando a string, evitando problema de fuso horário.
Se for editado com sucesso, limpar os campos do formulário.
Funções dos demais botões não precisa alterar nada, porque já estão funcionando. Apenas inserir o botão editar e fazer as funções relacionadas a ele.
Retornar códigos ajustados para copiar e colar.
PROMTP 2:
“ABRIR NOVO CHAT”
Nos códigos do formulário a seguir inserir um botão para excluir os registros, colocar o botão excluir a direita do botão editar. E a cor de preenchimento do botão excluir colocar em vermelho.
Antes de excluir, solicitar confirmação do usuário, para ver se quer mesmo excluir.
A pesquisa para exclusão deve ser com base no CNPJ que consta no campo CNPJ do formulário. E na planilha Google a coluna CNPJ é a coluna C da aba Dados.
Fazer a procura pelo CNPJ apenas pelos números, sem considerar as mascaras.
Se for excluído com sucesso, limpar os campos do formulário.
Não alterar as demais funções do formulário, porque já estão funcionando. Apenas fazer as funções relacionadas ao botão excluir.
Retornar todos os códigos html ajustados, mais os códigos java script com as novas funções para copiar e colar.
PROMTP 3:
Retorne o código completo com a inserção do botão excluir para copiar e colar.
PROMTP 4:
“ABRIR NOVO CHAT”
Nos códigos a seguir, ajustar apenas o espaçamento horizontal entre os botões do formulário, para ficar distância uniforme entre os botões.
O botão Limpar precisa ficar alinhado com o início das caixas de texto a esquerda.
O botão Salvar precisa ficar alinhado com a direita do formulário.
Os botões Pesquisar, Editar e Excluir ficam centralizados, ocupando igualmente o espaço entre Limpar e Salvar, com espaçamento uniforme entre eles.
Padronizar a largura de todos os botões para 120 px.
Nenhum botão deve ultrapassar a largura do formulário.
O botão limpar precisa ficar a esquerda, onde está, e o salvar bem a direita, também onde está.
Retornar o código completo do html com estes ajustes, mais os códigos java script para copiar e colar.
“PEGUNTA PARA AJUSTE DO ESPAÇAMENTO”
Qual parte do código define o espaçamento entre os botões?
✅ 👉👉 Próxima aula: • Finalizando Formulário com IA | Cadastro d...
Информация по комментариям в разработке