Calculator Tools Calculator Tools
Create

Sealcoating Bid Calculator

Nov 8, 2023

About this app

Calculate sealcoating bid based on square footage

Bid Calculator Bid Calculator Hours: Number of Guys: Rate: Net Profit: Total Bid: Calculate

Related apps

Put this on your site

Source

                    <!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bid Calculator</title>
<meta name="description" content="Calculate bid based on hours, number of guys, rate, and net profit.">
<meta name="keywords" content="bid calculator, hourly rate, number of guys, net profit">
<style>
body {
font-family: Arial, sans-serif;
padding: 20px;
background-color: #f4f4f4;
color: #333;
}

h1 {
text-align: center;
margin-bottom: 30px;
}

.input-row {
display: flex;
align-items: center;
margin-bottom: 10px;
}

.input-row label {
width: 180px;
font-weight: bold;
}

.input-row input {
padding: 5px;
width: 100px;
}

.input-row input[type="number"] {
-moz-appearance: textfield;
}

.input-row input::-webkit-outer-spin-button,
.input-row input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.input-row .result {
font-weight: bold;
margin-left: 10px;
}

.button-row {
text-align: center;
margin-top: 20px;
}

.button-row button {
padding: 10px 20px;
font-size: 16px;
background-color: #4caf50;
color: #fff;
border: none;
cursor: pointer;
transition: background-color 0.3s;
}

.button-row button:hover {
background-color: #45a049;
}
</style>
</head>

<body>
<h1>Bid Calculator</h1>

<div class="input-row">
<label for="hours">Hours:</label>
<input type="number" id="hours" min="0" step="0.01">
</div>

<div class="input-row">
<label for="guys">Number of Guys:</label>
<input type="number" id="guys" min="0" step="1">
</div>

<div class="input-row">
<label for="rate">Rate:</label>
<input type="number" id="rate" min="0" step="0.01">
</div>

<div class="input-row">
<label for="netProfit">Net Profit:</label>
<input type="number" id="netProfit" min="0" step="0.01">
</div>

<div class="input-row">
<label for="totalBid">Total Bid:</label>
<input type="text" id="totalBid" disabled>
</div>

<div class="button-row">
<button onclick="calculateBid()">Calculate</button>
</div>

<script>
function calculateBid() {
var hours = parseFloat(document.getElementById("hours").value);
var guys = parseFloat(document.getElementById("guys").value);
var rate = parseFloat(document.getElementById("rate").value);
var netProfit = parseFloat(document.getElementById("netProfit").value);

var totalBid = (hours * guys * rate) + netProfit;

if (isNaN(totalBid)) {
document.getElementById("totalBid").value = "$NaN";
} else {
document.getElementById("totalBid").value = "$" + totalBid.toFixed(2);
}
}
</script>
</body>

</html>