Calculator Tools Calculator Tools
Create

Calculadora de Valor de Terreno

Sep 6, 2023

About this app

Calculadora de Valor de Terreno

Calculadora de Valor de Terreno Calculadora de Valor de Terreno Valor Total do Terreno: Área Total do Terreno (m²): Área do Lote em Análise (m²): Calcular

Related apps

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>Calculadora de Valor de Terreno</title>
<meta name="description" content="Calculadora de Valor de Terreno">
<meta name="keywords" content="calculadora, valor, terreno">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.

// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
const calcularButton = document.getElementById("calcular");
calcularButton.addEventListener("click", calcularValorTerreno);
});

function calcularValorTerreno() {
const valorTotal = parseFloat(document.getElementById("valorTotal").value.replace(',', '.'));
const areaTerreno = parseFloat(document.getElementById("areaTerreno").value.replace(',', '.'));
const areaLote = parseFloat(document.getElementById("areaLote").value.replace(',', '.'));

const c = valorTotal / areaTerreno;
const fa = Math.pow(areaLote / areaTerreno, 0.25);
const valorTerreno = c * fa * areaLote;

const resultadoElement = document.getElementById("resultado");
resultadoElement.textContent = `O valor do lote de terreno em análise é: R$ ${valorTerreno.toFixed(2).replace('.', ',')}`;
}

} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>

<style>
/* App CSS Goes Here */
body {
background-color: #f8f9fa;
font-family: 'Roboto', sans-serif;
}

.container {
max-width: 600px;
margin: 0 auto;
padding: 40px;
text-align: center;
}

h1 {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
color: #333333;
}

.form-group {
margin-bottom: 20px;
}

label {
display: block;
font-size: 18px;
color: #333333;
margin-bottom: 10px;
text-align: left;
font-weight: bold;
}

input {
width: 100%;
padding: 10px;
font-size: 16px;
border: 1px solid #cccccc;
border-radius: 4px;
box-sizing: border-box;
}

.btn {
background-color: #007bff;
color: #ffffff;
padding: 10px 20px;
font-size: 16px;
border: none;
border-radius: 4px;
cursor: pointer;
}

.btn:hover {
background-color: #0062cc;
}

#resultado {
font-size: 18px;
color: #333333;
margin-top: 20px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Calculadora de Valor de Terreno</h1>

<div class="form-group">
<label for="valorTotal">Valor Total do Terreno:</label>
<input type="text" id="valorTotal" placeholder="Digite o valor total do terreno">
</div>

<div class="form-group">
<label for="areaTerreno">Área Total do Terreno (m²):</label>
<input type="text" id="areaTerreno" placeholder="Digite a área total do terreno">
</div>

<div class="form-group">
<label for="areaLote">Área do Lote em Análise (m²):</label>
<input type="text" id="areaLote" placeholder="Digite a área do lote em análise">
</div>

<button id="calcular" class="btn">Calcular</button>

<div id="resultado"></div>
</div>
</body>
</html>