Calculator Tools Calculator Tools
Create

Sealcoating Calculator

Nov 8, 2023

About this app

A handy sealcoating calculator. Enter the area in square feet, cost per gallon of sealer and get the total material cost.

Sealcoating Calculator 🎨 Sealcoating Calculator 🧮 Area in square feet: Cost per gallon of sealer ($): Number of men: Number of hours: Cost per hour ($): Net Profit ($): Total Material Cost: $0 Total Labor Cost: $0 Total Cost: $0 Total Bid Price: $0

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>Sealcoating Calculator</title>
<meta name="description" content="A handy sealcoating calculator. Enter the area in square feet, cost per gallon of sealer, and labor cost to get the total material and labor cost.">
<meta name="keywords" content="sealcoating, calculator, sealer cost, labor cost">

<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Roboto Mono', monospace;
background: #f5f5f5;
color: #333;
}
.calculator {
margin-top: 50px;
}
.result {
margin-top: 20px;
}
</style>
</head>
<body>
<div id="main-container" class="container calculator">
<h1 class="text-center">🎨 Sealcoating Calculator 🧮</h1>
<div class="mb-3">
<label for="sqft" class="form-label">Area in square feet:</label>
<input type="number" class="form-control" id="sqft" placeholder="Enter area or dimensions like 2x2">
</div>
<div class="mb-3">
<label for="costPerGallon" class="form-label">Cost per gallon of sealer ($):</label>
<input type="number" class="form-control" id="costPerGallon">
</div>
<div class="mb-3">
<label for="numMen" class="form-label">Number of men:</label>
<input type="number" class="form-control" id="numMen">
</div>
<div class="mb-3">
<label for="numHours" class="form-label">Number of hours:</label>
<input type="number" class="form-control" id="numHours">
</div>
<div class="mb-3">
<label for="costPerHour" class="form-label">Cost per hour ($):</label>
<input type="number" class="form-control" id="costPerHour">
</div>
<div class="mb-3">
<label for="netProfit" class="form-label">Net Profit ($):</label>
<input type="number" class="form-control" id="netProfit">
</div>
<div class="result">
<h4>Total Material Cost: $<span id="totalMaterialCost">0</span></h4>
<h4>Total Labor Cost: $<span id="totalLaborCost">0</span></h4>
<h4>Total Cost: $<span id="totalCost">0</span></h4>
<h4>Total Bid Price: $<span id="totalBidPrice">0</span></h4>
</div>
</div>

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
const sqftInput = document.getElementById('sqft');
const costPerGallonInput = document.getElementById('costPerGallon');
const numMenInput = document.getElementById('numMen');
const numHoursInput = document.getElementById('numHours');
const costPerHourInput = document.getElementById('costPerHour');
const netProfitInput = document.getElementById('netProfit');
const totalMaterialCostElement = document.getElementById('totalMaterialCost');
const totalLaborCostElement = document.getElementById('totalLaborCost');
const totalCostElement = document.getElementById('totalCost');
const totalBidPriceElement = document.getElementById('totalBidPrice');

function calculate() {
let sqft = parseFloat(sqftInput.value);
let costPerGallon = parseFloat(costPerGallonInput.value);
let numMen = parseFloat(numMenInput.value);
let numHours = parseFloat(numHoursInput.value);
let costPerHour = parseFloat(costPerHourInput.value);
let netProfit = parseFloat(netProfitInput.value);

if (isNaN(sqft) || isNaN(costPerGallon) || isNaN(numMen) || isNaN(numHours) || isNaN(costPerHour) || isNaN(netProfit)) {
totalMaterialCostElement.textContent = 'Invalid input';
totalLaborCostElement.textContent = 'Invalid input';
totalCostElement.textContent = 'Invalid input';
totalBidPriceElement.textContent = 'Invalid input';
} else {
let totalMaterialCost = (sqft / 9 / 6) * costPerGallon;
let totalLaborCost = numMen * numHours * costPerHour;
let totalCost = totalMaterialCost + totalLaborCost;
let totalBidPrice = totalCost + netProfit;

totalMaterialCostElement.textContent = totalMaterialCost.toFixed(2);
totalLaborCostElement.textContent = totalLaborCost.toFixed(2);
totalCostElement.textContent = totalCost.toFixed(2);
totalBidPriceElement.textContent = totalBidPrice.toFixed(2);
}
}

sqftInput.addEventListener('input', calculate);
costPerGallonInput.addEventListener('input', calculate);
numMenInput.addEventListener('input', calculate);
numHoursInput.addEventListener('input', calculate);
costPerHourInput.addEventListener('input', calculate);
netProfitInput.addEventListener('input', calculate);
});
</script>
</body>
</html>