Tarefa: uma função nova

Hora de usar tudo junto. Nesta tarefa você acrescenta uma função nova ao sistema, do começo ao fim: guarda a versão boa, pede do jeito certo, confere na prévia e traz para o computador.

Escolher a função

Escolha uma destas:

• Botão Imprimir: imprime o orçamento ou salva como PDF, para mandar ao cliente.
• Botão Limpar tudo: apaga todos os itens para começar um orçamento novo, perguntando antes se você tem certeza.

1. Guardar a versão boa

Você já tem o index-v1.html da etapa anterior, igual ao index.html de agora. Se você mudou alguma coisa desde então, faça uma cópia nova antes, com o próximo número (index-v2.html).

2. Desenho e plano

Na conversa do sistema, dentro do projeto, peça a função e o plano antes. Exemplo com o botão Imprimir:

Quero um botão "Imprimir orçamento". Quando eu clico, abre a janela de impressão do navegador. Na impressão, aparecem só a lista de itens e os totais, sem os botões e os campos de digitar. Não mude mais nada. Antes de mudar, me mostre o desenho e o plano e espere eu aprovar.

Leia o plano. Se estiver bom, responda pode fazer.

3. Conferir na prévia

No Artifact, teste a função nova e refaça a conta de teste (2 × 50 e 1 × 30 dão R$ 130,00). Confira também que o seu nome continua no rodapé.

4. Trazer para o computador

Baixe o Artifact de novo, como na etapa Salvar no computador, e coloque na pasta meu-primeiro-sistema por cima do index.html antigo. Se o computador perguntar se quer substituir, responda que sim. Não toque no index-v1.html.

Abra os dois arquivos no navegador e compare.

Depois desta tarefa, experimente pedir o sistema que você quiser, num projeto seu: uma lista de tarefas, uma tabela de preços, um cardápio. Lembre que ele é uma página só e não guarda dados.