<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 ---------->
<html>
<head>
<script type="text/javascript">
var s3=0;
function somarValores()
{
var s1 = document.getElementById("nome").value;
var s2 = document.getElementById("s2").value;
s3 = +s1 + +s2;
alert(s3);
document.getElementById('resultado').value = s3;
//o alert aqui é só para testar a soma voces tem de colocar o valor na imoressão do recibo.
}
</script>
</head>
<body>
<div class="container">
<div class="row">
<h2>Documentação para Finalização da Compra</h2>
</div>
<div>
<form>
</div>
<!--Formulário2 -->
<div>
<p>
<form>
<h1>Dados da Empresa</h1>
<hr><br>
<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>
</p>
<!--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= document.write(produto[0]); id="produto">
</div>
<div class="was-validated">
<label for="pwd">Marca do Produto:</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="Modelo do Item" placeholder="Modelo do Item">
<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>
</form>
</form>
</div>
</div>
</body>
</html>
</form>
<script> document.write(overview[0]);</script></script>
</div>
<fieldset>
<legend>Cálculo da Venda</legend>
<label>Valor 1:</label>
<input id="nome" type="text"/>
<label>Valor 2: </label>
<input id="s2" type="text" onblur="somarValores()"/>
<button id="somar" onclick="somarValores()">Somar</button>
<input id="resultado" onfocusout="somarValores(s3)"/>
</fieldset>
</body>
</html>
var carro = [ "Saab", "Volvo", "BMW" ]
var overview = ["Fiat","UNO","Preto","Hidráulica","2000","Pago","NOVO","SIM","Flex","BELO HORIZONTE/MG"];
function grava_carro()
{
carro[0] = document.getElementById("carro_fabricante").value;
carro[0] = document.getElementById("nome").value;
carro[0] = document.getElementById("nome").value;
carro[0] = document.getElementById("nome").value;
carro[0] = document.getElementById("nome").value;
carro[0] = document.getElementById("nome").value;
carro[0] = document.getElementById("nome").value;
carro[0] = document.getElementById("nome").value;
carro[0] = document.getElementById("nome").value;
//o alert aqui é só para testar a soma voces tem de colocar o valor na imoressão do recibo.
}
<fieldset>
<legend>Cadastro do Automóvel</legend>
