body {
font-family: Arial, sans-serif;
margin: 20px;
}
h1 {
text-align: center;
}
.author-info {
text-align: center;
margin-bottom: 20px;
font-style: italic;
}
form {
max-width: 600px;
margin: 0 auto;
}
fieldset {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 20px;
}
legend {
font-weight: bold;
}
label {
display: block;
margin-top: 10px;
}
input {
width: calc(100% – 22px);
padding: 5px;
margin-top: 5px;
}
button {
display: block;
width: 100%;
padding: 10px;
background-color: #28a745;
color: white;
border: none;
cursor: pointer;
}
button:hover {
background-color: #218838;
}
#results {
margin-top: 20px;
text-align: center;
}

Door Frames and Hardware Quantity Takeoff Calculator

Prepared By: Parag Kamlakar Pal – Owner of www.civilnotess.com

This calculator will help you estimate the quantity of materials required for door frames and hardware based on your project needs.

Numerical Example

Assume you need to calculate the quantities for 10 door frames. The dimensions and hardware requirements are as follows:

• Height of Frame: 2.1 meters
• Width of Frame: 0.9 meters
• Depth of Frame: 0.1 meters
• Number of Frames: 10
• Hinges per Door: 3
• Locks per Door: 1
• Handles per Door: 1
• Other Hardware per Door: 0

Calculator

Calculate

function calculate() {
// Get values from the form
const height = parseFloat(document.getElementById(‘height’).value);
const width = parseFloat(document.getElementById(‘width’).value);
const depth = parseFloat(document.getElementById(‘depth’).value);
const numberOfFrames = parseInt(document.getElementById(‘number-of-frames’).value);
const hinges = parseInt(document.getElementById(‘hinges’).value);
const locks = parseInt(document.getElementById(‘locks’).value);
const handles = parseInt(document.getElementById(‘handles’).value);
const otherHardware = parseInt(document.getElementById(‘other-hardware’).value);

// Calculate frame material
const totalFrameMaterial = numberOfFrames * (2 * (height + width) * depth);

// Calculate hardware quantity
const totalHardwareQuantity = numberOfFrames * (hinges + locks + handles + otherHardware);

// Display results
document.getElementById(‘frame-material’).textContent = totalFrameMaterial.toFixed(2);
document.getElementById(‘hardware-quantity’).textContent = totalHardwareQuantity;
}