<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-Aurea Mariza</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>
<script src="script.js"></script>
</head>
<body>
<h1>
<div class="container-fluid">
<h1>Formulário de Cadastro</h1>
<p>Cadastro Empresa</p>
<div>
<form>
<div class="form-group">
<label for="nome_empresa">Nome Empresa:</label>
<input type="text" class="form-control" placeholder="Nome da Empresa" id="empresa_nome" onblur="Empresa">
<label for="endereco">Endereço:</label>
<input type="text" class="form-control" placeholder="Entre com endereço" id="empresa_ender" onblur="Empresa">
<label for="empresa_tel">Telefone Empresa</label>
<input type="text" class="form-control" placeholder="Entre com Telefone" id="empresa_tel" onblur="Empresa">
</div>
</form>
</div>
<p>Cadastro Cliente</p>
<div>
<form>
<div class="form-group">
<label for="nome_cliente">Nome cliente:</label>
<input type="text" class="form-control" placeholder="Nome Cliente" id="nome_cliente" onblur="cadCliente()">
<label for="ender_cliente">Endereço:</label>
<input type="text" class="form-control" placeholder="Entre com endereço" id="ender_cliente" onblur="cadCliente()">
<label for="num_cliente">Número: </label>
<input type= "text" class="form-control" placeholder="Entre com Numero" id="num_cliente" onblur="cadCliente()">
<label for="tel_cliente">Telefone: </label>
<input type="text" class="form-control" placeholder="Entre com Telefone" id="tel_cliente" onblur="cadCliente()">
</div>
</form>
</div>
</body>
</html>
<script type="text/javascript">
var empresa_nome="";
var empresa_tel = "";
var empresa_ender = "";
function Empresa(){
var empresa_nome = document.getElementById("empresa_nome").value;
var empresa_tel = document.getElementById("empresa_tel").value;
var empresa_ender = document.getElementById("empresa_ender").value;
alert(empresa_nome, tel_empresa, empresa_ender);
//o alert aqui é só para testar a soma voces tem de colocar o valor na imoressão do recibo.
}
function cadCliente(){
var nome_cliente = document.getElementById("cliente_nome").value;
var ender_cliente = document.getElementById("ender_cliente").value;
var tel_cliente = document.getElementById("tel_cliente").value;
var bairro_cliente = document.getElementById("bairro_cliente").value;
var num_cliente = document.getElementById("num_cliente").value;
}
</script>
