Use this calculator to perform arithmetic operations on measurements expressed in feet and inches. You can add or subtract two measurements, or multiply/divide a single measurement by a scalar value.
feet
inches
feet
inches
function toggleInputs() {
var opAdd = document.getElementById('opAdd').checked;
var opSubtract = document.getElementById('opSubtract').checked;
var measurement2Div = document.getElementById('measurement2Inputs');
var scalarDiv = document.getElementById('scalarInput');
if (opAdd || opSubtract) {
measurement2Div.style.display = 'block';
scalarDiv.style.display = 'none';
document.getElementById('feet2').disabled = false;
document.getElementById('inches2').disabled = false;
document.getElementById('scalar').disabled = true;
} else { // Multiply or Divide
measurement2Div.style.display = 'none';
scalarDiv.style.display = 'block';
document.getElementById('feet2').disabled = true;
document.getElementById('inches2').disabled = true;
document.getElementById('scalar').disabled = false;
}
}
function calculateFeetInches() {
// Get input values
var feet1 = parseFloat(document.getElementById('feet1').value) || 0;
var inches1 = parseFloat(document.getElementById('inches1').value) || 0;
var feet2 = parseFloat(document.getElementById('feet2').value) || 0;
var inches2 = parseFloat(document.getElementById('inches2').value) || 0;
var scalar = parseFloat(document.getElementById('scalar').value) || 0;
// Get selected operation
var operation;
var operations = document.getElementsByName('operation');
for (var i = 0; i < operations.length; i++) {
if (operations[i].checked) {
operation = operations[i].value;
break;
}
}
var resultDiv = document.getElementById('feetInchResult');
resultDiv.innerHTML = ''; // Clear previous result
// Input validation
if (isNaN(feet1) || isNaN(inches1)) {
resultDiv.innerHTML = 'Please enter valid numbers for Measurement 1.';
return;
}
if ((operation === 'add' || operation === 'subtract') && (isNaN(feet2) || isNaN(inches2))) {
resultDiv.innerHTML = 'Please enter valid numbers for Measurement 2.';
return;
}
if ((operation === 'multiply' || operation === 'divide') && isNaN(scalar)) {
resultDiv.innerHTML = 'Please enter a valid number for the Scalar Value.';
return;
}
// Convert all measurements to total inches for calculation
var totalInches1 = (feet1 * 12) + inches1;
var totalInches2 = (feet2 * 12) + inches2;
var resultTotalInches;
switch (operation) {
case 'add':
resultTotalInches = totalInches1 + totalInches2;
break;
case 'subtract':
resultTotalInches = totalInches1 – totalInches2;
break;
case 'multiply':
resultTotalInches = totalInches1 * scalar;
break;
case 'divide':
if (scalar === 0) {
resultDiv.innerHTML = 'Error: Cannot divide by zero.';
return;
}
resultTotalInches = totalInches1 / scalar;
break;
default:
resultDiv.innerHTML = 'Please select an operation.';
return;
}
// Handle negative results and convert back to feet and inches
var isNegative = resultTotalInches < 0;
var absoluteTotalInches = Math.abs(resultTotalInches);
var resultFeet = Math.floor(absoluteTotalInches / 12);
var resultInches = absoluteTotalInches % 12;
// Format inches to two decimal places if it's not an integer
if (resultInches % 1 !== 0) {
resultInches = resultInches.toFixed(2);
} else {
resultInches = resultInches.toFixed(0); // Display as integer if no decimals
}
var sign = isNegative ? '-' : '';
resultDiv.innerHTML = 'Result: ' + sign + resultFeet + ' feet ' + resultInches + ' inches';
}
// Call on page load to set initial state of inputs
window.onload = toggleInputs;
.feet-inch-calculator-app {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #f9f9f9;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
max-width: 600px;
margin: 20px auto;
color: #333;
}
.feet-inch-calculator-app h2 {
color: #0056b3;
text-align: center;
margin-bottom: 20px;
}
.feet-inch-calculator-app p {
margin-bottom: 15px;
line-height: 1.6;
}
.calculator-container {
background-color: #ffffff;
padding: 20px;
border-radius: 8px;
border: 1px solid #e0e0e0;
}
.input-group {
margin-bottom: 15px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.input-group label {
flex: 0 0 120px;
margin-right: 10px;
font-weight: bold;
color: #555;
}
.input-group input[type="number"] {
flex: 0 0 80px;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
margin-right: 5px;
box-sizing: border-box;
}
.input-group input[type="number"]:focus {
border-color: #007bff;
outline: none;
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.operation-selection {
margin-bottom: 15px;
padding: 10px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.operation-selection label {
margin-right: 15px;
font-weight: normal;
color: #333;
}
.operation-selection input[type="radio"] {
margin-right: 5px;
}
.calculate-button {
display: block;
width: 100%;
padding: 12px 20px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
font-size: 18px;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 20px;
}
.calculate-button:hover {
background-color: #0056b3;
}
.result-display {
margin-top: 25px;
padding: 15px;
background-color: #e9f7ef;
border: 1px solid #d4edda;
border-radius: 5px;
font-size: 20px;
font-weight: bold;
text-align: center;
color: #155724;
}
@media (max-width: 480px) {
.input-group label {
flex: 1 0 100%;
margin-bottom: 5px;
}
.input-group input[type="number"] {
flex: 1 0 45%;
margin-bottom: 5px;
}
}
Understanding Feet and Inches Measurements
The imperial system of measurement, commonly used in the United States, relies on feet and inches for linear dimensions. One foot is equivalent to 12 inches. This system is prevalent in construction, carpentry, interior design, and many DIY projects.
Working with feet and inches can sometimes be tricky, especially when performing arithmetic operations. For instance, adding 5 feet 8 inches to 3 feet 7 inches requires careful conversion: 8 + 7 = 15 inches, which is 1 foot 3 inches. So, the total would be 5 + 3 + 1 feet and 3 inches, or 9 feet 3 inches. This calculator simplifies such conversions and calculations.
How to Use the Feet and Inches Calculator
Enter Measurement 1: Input the feet and inches for your first measurement. For example, if you have 6 feet and 5 inches, enter '6' in the 'feet' field and '5' in the 'inches' field.
Select Operation: Choose whether you want to Add, Subtract, Multiply by Scalar, or Divide by Scalar.
Enter Second Value:
If you selected Add or Subtract, enter the feet and inches for your second measurement.
If you selected Multiply by Scalar or Divide by Scalar, enter a single numerical value (the scalar) by which you want to multiply or divide Measurement 1.
Calculate: Click the "Calculate" button to see your result displayed in feet and inches.
Practical Examples
Adding Measurements: You need to combine two pieces of wood. One is 8 feet 6 inches long, and the other is 4 feet 9 inches long.