<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-fluid">
<h1>Dados da Empresa</h1>
<p>Cadastro de Informações</p>
<div>
<!--empresa-->
<form>
<div class="was-validated">
<label for="Nome da Empresa">Nome da Empresa:</label>
<input type="Nome da Empresa" class="form-control" placeholder="Informe o nome da Empresa" id="empresanome">
</div>
<div class="was-validated">
<label for="Email">Email:</label>
<input type="Email" class="form-control" placeholder="Informe seu Email" id="empresaemail">
</div>
<div class="was-validated">
<label for="pwd">Endereço da Empresa:</label>
<input type="Endereço da Empresa" class="form-control" placeholder="Informe o Endereço" id="empresaend">
</div>
<div class="was-validated">
<label for="pwd">Telefone:</label>
<input type="Telefone" class="form-control" placeholder="Número de Telefone" id="empresatel">
</div>
<!--cliente-->
<h1>Dados do Cliente</h1>
<form>
<div class="was-validated">
<label for="Nome Completo">Nome Completo:</label>
<input type="Nome Completo" class="form-control" placeholder="Informe nome Completo" id="usuarionome">
</div>
<div class="was-validated">
<label for="CPF">CPF:</label>
<input type="CPF" class="form-control" placeholder="CPF" id="usuariocpf">
</div>
<div class="was-validated">
<label for="Email">Email:</label>
<input type="Email" class="form-control" placeholder="Informe seu Email" id="usuarioemail">
</div>
<div class="was-validated">
<label for="pwd">Telefone:</label>
<input type="Telefone" class="form-control" placeholder="Número de Telefone" id="usuariotel">
</div>
<div class="was-validated">
<label for="pwd">Endereço Residencial:</label>
<input type="Endereço Residencial" class="form-control" placeholder="Informe seu Endereço Completo" id="usuarioend">
</div>
<!--produto card-->
<h1>Dados do Produto</h1>
<div class="was-validated">
<label for="pwd">Nome do Produto:</label>
<input type="nome do produto" class="form-control" placeholder="Nome do produto" id="produto">
</div>
<div class="was-validated">
<label for="pwd">Endereço Residencial:</label>
<input type="Endereço Residencial" class="form-control" placeholder="Informe seu Endereço Completo" id="usuarioend">
</div>
<!--venda-->
<h1>Detalhes da Venda</h1>
</form>
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
<input type="Cupom" name="Cupom" placeholder= "cupom">
<input type="Quantidade" placeholder="Quantidade de itens">
<input type="submit" value="Submit">
<br>
<br>
<!--calculo do valor total-->
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
<input type="text" name="fname" placeholder= "valor total">
<br>
<br>
<select name="parcelas" class="parcelas">
<option selected>Forma de Pagamento</option>
<option value="volvo">1X (à vista)</option>
<option value="fiat">2X</option>
<option value="audi">3X</option>
<option value="fiat">4X</option>
<option value="audi">5X</option>
<option value="fiat">6X</option>
<option value="audi">7X</option>
</select>
<br>
<br>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</body>
</html>
var empresanome=nada,empresaemail=nada,empresaend=nada,empresatel,consumidornome,consumidorend,consumidortel
function cadEmpresa() {
var nome = document.ElementById ("empresanome").value;
empresanome = nome
var email = document.ElementById ("empresaemail").value;
empresaemail = Email
var end = document.ElementById ("empresaend").value;
empresaend = end
}
function cadEmpresa() {
var tel = document.ElementById ("empresatel").value;
empresatel = tel
var nome = document.ElementById("usuarionome").value;
usuarionome = nome
var cpf = document.ElementById("usuariocpf").value;
usuariocpf = cpf
}
function cadUsuario() {
var email = document.ElementById("usuarioemail").value;
usuarioemail = Email
var tel = document.ElementById("usuariotel").value;
usuariotel = tel
var end = document.ElementById("usuarioend").value;
usuarioend = end
}
function cadProduto() {
var produto = document.ElementById("produto").value;
produto = produto
}
//function cadVenda() {
// var venda = document.ElementById("venda").value;
}
