<!DOCTYPE html>
<html>
<head>
<title>Balanço Patrimonial</title>
<style>
body {
background-color: #f1f1f1;
font-family: "Arial", sans-serif;
}
h1 {
color: #333;
font-size: 28px;
text-align: center;
margin-top: 20px;
}
table {
margin: 0 auto;
width: 80%;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-collapse: collapse;
margin-top: 30px;
}
th {
background-color: #333;
color: #fff;
padding: 10px;
text-align: left;
font-weight: normal;
}
td {
padding: 10px;
}
input[type="number"] {
width: 100px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 4px;
}
.currency {
font-weight: bold;
}
.total-row {
background-color: #f9f9f9;
}
.total-row td {
font-weight: bold;
color: #333;
}
.total-row span {
color: #555;
}
</style>
<script>
function calcularTotal() {
var totalAtivos = 0;
var totalPassivos = 0;
// Obter os valores dos ativos e somar
var dinheiroEmCaixa = parseFloat(document.getElementById("dinheiro-em-caixa").value);
totalAtivos += dinheiroEmCaixa;
var contasAReceber = parseFloat(document.getElementById("contas-a-receber").value);
totalAtivos += contasAReceber;
var estoques = parseFloat(document.getElementById("estoques").value);
totalAtivos += estoques;
var propriedades = parseFloat(document.getElementById("propriedades").value);
totalAtivos += propriedades;
var equipamentos = parseFloat(document.getElementById("equipamentos").value);
totalAtivos += equipamentos;
var investimentos = parseFloat(document.getElementById("investimentos").value);
totalAtivos += investimentos;
// Obter os valores dos passivos e somar
var emprestimos = parseFloat(document.getElementById("emprestimos").value);
totalPassivos += emprestimos;
var contasAPagar = parseFloat(document.getElementById("contas-a-pagar").value);
totalPassivos += contasAPagar;
var salariosAPagar = parseFloat(document.getElementById("salarios-a-pagar").value);
totalPassivos += salariosAPagar;
var impostosAPagar = parseFloat(document.getElementById("impostos-a-pagar").value);
totalPassivos += impostosAPagar;
// Exibir os totais no balanço patrimonial
document.getElementById("total-ativos").innerText = "R$" + totalAtivos.toFixed(2);
document.getElementById("total-passivos").innerText = "R$" + totalPassivos.toFixed(2);
// Calcular o patrimônio líquido
var patrimonioLiquido = totalAtivos - totalPassivos;
document.getElementById("patrimonio-liquido").innerText = "R$" + patrimonioLiquido.toFixed(2);
}
</script>
</head>
<body>
<h1>Balanço Patrimonial</h1>
<table>
<tr>
<th>Ativos</th>
<th></th>
<th>Passivos e Patrimônio Líquido</th>
</tr>
<tr>
<td>Dinheiro em Caixa</td>
<td><input type="number" id="dinheiro-em-caixa" onchange="calcularTotal()"></td>
<td>Empréstimos</td>
<td><input type="number" id="emprestimos" onchange="calcularTotal()"></td>
</tr>
<tr>
<td>Contas a Receber</td>
<td><input type="number" id="contas-a-receber" onchange="calcularTotal()"></td>
<td>Contas a Pagar</td>
<td><input type="number" id="contas-a-pagar" onchange="calcularTotal()"></td>
</tr>
<tr>
<td>Estoques</td>
<td><input type="number" id="estoques" onchange="calcularTotal()"></td>
<td>Salários a Pagar</td>
<td><input type="number" id="salarios-a-pagar" onchange="calcularTotal()"></td>
</tr>
<tr>
<td>Propriedades</td>
<td><input type="number" id="propriedades" onchange="calcularTotal()"></td>
<td>Impostos a Pagar</td>
<td><input type="number" id="impostos-a-pagar" onchange="calcularTotal()"></td>
</tr>
<tr>
<td>Equipamentos</td>
<td><input type="number" id="equipamentos" onchange="calcularTotal()"></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Investimentos</td>
<td><input type="number" id="investimentos" onchange="calcularTotal()"></td>
<td></td>
<td></td>
</tr>
<tr class="total-row">
<td>Total de Ativos</td>
<td><span id="total-ativos" class="currency">R$0.00</span></td>
<td>Total de Passivos</td>
<td><span id="total-passivos" class="currency">R$0.00</span></td>
</tr>
<tr class="total-row">
<td colspan="2"></td>
<td>Patrimônio Líquido</td>
<td><span id="patrimonio-liquido" class="currency">R$0.00</span></td>
</tr>
</table>
</body>
</html>
Nenhum comentário:
Postar um comentário