Fiz um teste com o Claude.
INÍCIO
totalItens ← informar quantidade de itens
itens ← lista vazia
subtotal ← 0
PARA i DE 1 ATÉ totalItens FAÇA
nome ← informar nome do item i
preço ← informar preço do item i
adicionar (nome, preço) à lista itens
subtotal ← subtotal + preço
FIM PARA
cadastrado ← perguntar "Cliente é cadastrado? (S/N)"
SE cadastrado = S ENTÃO
desconto ← subtotal × 0,10
total ← subtotal − desconto
exibir "Desconto aplicado: R$ " + desconto
SENÃO
total ← subtotal
FIM SE
exibir "Total a pagar: R$ " + total
![A imagem ao lado representa uma parte de uma tela de chekout: (https://cdn1.gnarususercontent.com.br/1/7598896/9aa5fd82-b6c0-45b2-9ad4-418c4c9533a6.png)
O Claude me passou um arquivo HTML para download e organizou o código em três blocos principais:
HTML — estrutura das 4 fases (quantidade → itens → cadastro/resumo → recibo), cada uma em uma div.phase que é exibida ou ocultada conforme o fluxo avança.
CSS — estilização flat com variáveis de cor, cards com borda fina, botões, inputs e badges de status (verde para desconto, roxo para preço cheio).
JavaScript — toda a lógica da aplicação:
changeQty / startItems — controla a quantidade de itens
addItem / removeItem / renderList — gerencia o array de itens com validação
setCadastrado / renderResumo — aplica (ou não) o desconto de 10% e monta o resumo
emitirRecibo — gera o recibo em texto monoespacado formatado
novoAtendimento — reinicia todo o estado