Fazendo um pedido

Descrição:

Objetivo: Praticar a criação de formulários HTML dinâmicos usando JavaScript.

Instruções:

  1. Suponha que você tem uma lista de produtos em estoque, cada um com um nome e uma quantidade disponível.
  2. Crie um formulário para permitir que os usuários façam um pedido de produtos.
  3. Adicione campos de entrada de texto para o nome e o e-mail do cliente, e um campo de seleção para o produto desejado.
  4. Utilize HTML5 para adicionar atributos de validação, como required e type=”email”.
  5. Usando JavaScript, ajuste o campo de quantidade para que o valor máximo seja a quantidade disponível do produto escolhido.
  6. Adicione um botão de envio ao formulário.
  7. Estilize o formulário com CSS para melhorar a aparência.

Exemplo de produtos em estoque (atualize com seus próprios valores):

const produtosEmEstoque = [
  { nome: 'Produto 1', quantidade: 10 },
  { nome: 'Produto 2', quantidade: 5 },
  { nome: 'Produto 3', quantidade: 8 }
];

Gostou? Não esqueça de avaliar o exercício:

Abra o formulário de avaliação