<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;
}