<html>
<head>
<meta charset="utf-8">
<title>Meu documento HTML</title>
</head>
<body>
<h1>Caixa Supermercado</h1>
<p>Bem Vindos ao AmaroSuper</p>
<p>Digite o Valor da Compra</p>
<input id="valorCompra"><br>
<p>Qual o Valor Recebido?</p>
<input id="valorRecebido"><br><br>
<button onclick="calcularTroco()">Clica para calcular o Valor</button>
<div id="resultado"></div>
<script>
function pulalinha() {
document.write("<br>");
}
function mostra(mostra) {
document.write(mostra);
pulalinha();
}
function calcularTroco() {
var valorRecebido = parseFloat(document.getElementById("valorRecebido").value);
var valorCompra = parseFloat(document.getElementById("valorCompra").value);
var troco = valorRecebido - valorCompra;
if (troco === 0) {
alert("Você não tem nenhum valor a passar para o Cliente");
} else if (troco < 0) {
alert("Pagamento Insuficiente");
} else {
document.getElementById("resultado").innerHTML = "Este é o valor para entregar ao Cliente: R$ " + troco;
}
}
</script>
</body>
</html>
