25 de abril de 2016

Como fazer um construtor de produtos em JS + PHP (parte 1 de 2)

Eae galera, Tudo beleza? bom Hoje vou ensinar a criar um montador de computador, mas calma que ele serve para qualquer outra coisa, só estou ensinando como fazer um código que permite o usuário personalizar as coisas como ele desejar, chega de lero mãos a obra !
Bom vamos dividir isso em duas partes essa parte de agora é o JavaScript, mas teremos o PHP no próximo POST, bom aqui está nosso HTML

Parece confuso? Leia sobre as tags Select e Option caso ainda não as conheça bom agora que já devem conhecer as tags vou explicar como funciona nosso código, bem ele tem o nome dos produtos na Option e no Value da Option colocamos o preço de cada um dos produtos isso tudo dentro de uma Table e de um Form que eu já usei várias vezes aqui e que são bem simples, a table eu usei para ajeitar as coisas enquanto eu usei também o Form para podermos passar os valores para o PHP. Bem agora vamos ao JavaScript Explicado que tem a função de exibir em tempo real para o usuário o preço dos produtos.

Bom pessoal é isso a primeira parte do Código, separei em duas partes por motivos simples, os códigos são de diferentes línguas e por mais que o JavaScript seja pequeno temos um Grande HTML produzido aqui para funcionar, deixarei logo abaixo a demonstração do JS com o HTML


Montagem de computadores Online
Processador:
Memórias:
HD:
Preço
R$ 0
Finalizar compra:

Nenhum comentário:

Postar um comentário