[Projeto] CHALLANGE Caixa Super Mercado pra devolver troco para cliente | JavaScript e HTML: desenvolva um jogo e pratique lógica de programação

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