"Geisilene-Exercicio2"
Bootstrap 4.1.1 Snippet by psd06t

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>PSD-06t-Seu Nome</title> <meta name='viewport' content='width=device-width, initial-scale=1'> <link rel='stylesheet' type='text/css' media='screen' href='main.css'> <script src='main.js'></script> </head> <body> <div class="container"> <h2>Minha Empresa</h2> <p>Cadastro de informações</p> <form class="was-validated"> <!--Dados da empresa--> <div class="form-group" id="cadempresa"> <label for="uname">Nome da Empresa:</label> <input type="text" class="form-control" id="nome_empresa" placeholder="Digite o nome da Empresa" name="nome" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo..</div> </div> <div class="form-group" id="cadempresa"> <label for="uname">Telefone empresa:</label> <input type="tel" class="form-control" id="telefone_empresa" placeholder="Digite o Telefone da Empresa " name="telefone" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo..</div> </div> <div class="form-group" id="cadempresa"> <label for="tex">Endereço empresa:</label> <input type="text" class="form-control" id="endereco_empresa" placeholder="Digite o Endereço da Empresa" name="endereco" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo.</div> </div> <!--Dados do cliente--> <div class="form-group" id=" cadconsumidor"> <label for="uname">Nome do Cliente: :</label> <input type="text" class="form-control" id="nome_cliente" placeholder="Digite o nome do cliente " name="nome" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo.</div> </div> <div class="form-group" id="cadconsumidor"> <label for="number">Informe o CPF consumidor:</label> <input type="text" class="form-control" id="cpf_cliente" placeholder="Digite o CPF do cliente" name="cpf" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo.</div> </div> <div class="form-group" id="cadconsumidor"> <label for="text">Digite a data de Nascimento:</label> <input type="number" class="form-control" id="nascimento_cliente" placeholder="Digite a data de nascimento" name="nascimento" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo.</div> </div> <div class="form-group" id="cadconsumidor"> <label for="text"> Digite o numero de indentidade:</label> <input type="text" class="form-control" id="identidade_cliente" placeholder="Digite o numero de identidade" name="identidade" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo.</div> </div> <div class="form-group" id="cadconsumidor"> <label for="text">Telefone do Consumidor:</label> <input type="number" class="form-control" id="telefone_cliente" placeholder="Digite o numero de telefone " name="telefone" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo.</div> </div> <div class="form-group" id="cadconsumidor"> <label for="text">Rua consumidor:</label> <input type="text" class="form-control" id="rua_cliente" placeholder="Informe a Rua" name="rua" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo.</div> <div class="form-group" id="cadconsumidor"> <label for="text">Numero:</label> <input type="number" class="form-control" id="numero_cliente" placeholder="Digite o numero da casa" name="numero" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo.</div> <div class="form-group" id="cadconsumidor"> <label for="text">Informe o Bairro consumidor:</label> <input type="text" class="form-control" id="bairro_cliente" placeholder="Digite o Bairro" name="bairro" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo.</div> </div> <div class="form-group" id="cadconsumidor"> <label for="text">Informe a Cidade consumidor:</label> <input type="text" class="form-control" id="cidade_cliente" placeholder="Informe a Cidade" name="cidade" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo.</div> </div> <!--Dados do produto--> <div class="form-group" id="cadproduto"> <label for="text">Digite o nome da produto:</label> <input type="text" class="form-control" id="nome_mercadoria" placeholder="Digite o nome do Produto" name="produto" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo.</div> </div> <div class="form-group" id="cadproduto"> <label for="text">Digite a quantidade:</label> <input type="number" class="form-control" id="quantidade_mercadoria" placeholder="Informe a quantidade" name="quantidade" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo.</div> </div> <!--Dados da venda--> <div class="form-group" id="cadvendas"> <label for="text">Informe em quantas parcelas:</label> <input type="number" class="form-control" id="parcelas_vendas" placeholder="" name="parcelas" required> <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Por favor, preencha este campo.</div> </div> <div class="form-group form-check"> <label class="form-check-label"> <input class="form-check-input" type="checkbox" name="remember" required> Eu concordo com os dados digitados <div class="valid-feedback">Valido.</div> <div class="invalid-feedback">Marque esta caixa de seleção para continuar.</div> </label> </div> <button type="submit" class="btn btn-primary">Enviar</button> </form> </div> </html>
var nome_empresa=nada,endereco_empresa=nada;telefone_empresa; var nome_cliente=nada;nascimento_cliente;rua_cliente;numero_cliente;bairro_cliente=nada;cpf_cliente;telefone_cliente;cidade_cliente=nada;identidade_cliente;cidade_cliente; var nome_mercadoria;quantidade_mercadoria var valor_mercadoria;parcelas_vendas function cadempresa() { var nome = document.getElementById("nome_empresa").value; nome_empresa=nome; var endereco=document.getElementById("endereco_empresa").value; endereco_empresa=endereco; var telefone=document.getElementById("telefone_empresa").value; telefone_empresa=telefone; } function cadconsumidor() { var nome = document.getElementById("nome_cliente").value; nome_cliente=nome; var cpf=document.getElementById("cpf_cliente").value; cpf_cliente= cpf; var nascimento=document.getElementById("nascimento_cliente").value; nascimento_cliente=nascimento; var idetidade = document.getElementById("identidade_cliente").value; identidade_cliente=identidade; var telefone=document.getElementById("telefone_cliente").value; telefone_cliente=telefone; var rua=document.getElementById("rua_cliente").value; rua_cliente=rua; var numero=document.getElementById("numero_cliente").value; rua_cliente=numero; var bairro = document.getElementById("bairro_cliente").value; bairro_cliente=bairro; var cidade=document.getElementById("cidade_cliente").value; cidade_cliente=cidade; } function cadproduto() { var produto = document.getElementById("nome_mercadoria").value; empresanome=produto; var quantidade = document.getElementById("quantidade_mercadoria").value; empresanome=quantidade; } function cadvendas() { var parcelas =document.getElementById("parcelas_vendas").value; parcelasvendas= parcelas; var valor = document.getElementById("valor_mercadoria").value; valor_mercadoria=valor; }

Related: See More


Questions / Comments: