.dti-calculator-wrapper {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
max-width: 800px;
margin: 0 auto;
color: #333;
}
.dti-calc-container {
background: #f9f9f9;
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
margin-bottom: 40px;
border: 1px solid #e1e1e1;
}
.dti-input-group {
margin-bottom: 20px;
}
.dti-input-group label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #2c3e50;
}
.dti-input-group input {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
box-sizing: border-box;
}
.dti-input-group input:focus {
border-color: #3498db;
outline: none;
box-shadow: 0 0 0 2px rgba(52,152,219,0.2);
}
.dti-section-title {
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
color: #2c3e50;
border-bottom: 2px solid #3498db;
padding-bottom: 5px;
display: inline-block;
}
.dti-btn {
background-color: #3498db;
color: white;
border: none;
padding: 15px 30px;
font-size: 18px;
font-weight: bold;
border-radius: 4px;
cursor: pointer;
width: 100%;
transition: background-color 0.3s;
}
.dti-btn:hover {
background-color: #2980b9;
}
#dti-result-display {
margin-top: 30px;
padding: 20px;
background-color: #fff;
border-radius: 4px;
border-left: 5px solid #bdc3c7;
display: none;
}
.dti-metric-box {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.dti-big-number {
font-size: 32px;
font-weight: 800;
color: #2c3e50;
}
.dti-status {
font-weight: bold;
padding: 5px 10px;
border-radius: 4px;
color: white;
text-transform: uppercase;
font-size: 14px;
}
.status-green { background-color: #27ae60; }
.status-yellow { background-color: #f39c12; }
.status-red { background-color: #c0392b; }
.dti-article {
line-height: 1.6;
font-size: 17px;
}
.dti-article h2 {
margin-top: 30px;
color: #2c3e50;
}
.dti-article ul {
margin-bottom: 20px;
}
.dti-article li {
margin-bottom: 10px;
}
function calculateDTI() {
// Get inputs
var grossIncome = parseFloat(document.getElementById('dtiGrossIncome').value);
var mortgageRent = parseFloat(document.getElementById('dtiMortgageRent').value);
var carLoan = parseFloat(document.getElementById('dtiCarLoan').value);
var creditCards = parseFloat(document.getElementById('dtiCreditCards').value);
var studentLoans = parseFloat(document.getElementById('dtiStudentLoans').value);
var otherDebt = parseFloat(document.getElementById('dtiOtherDebt').value);
// Validate Income
if (isNaN(grossIncome) || grossIncome <= 0) {
alert("Please enter a valid Gross Monthly Income greater than 0.");
return;
}
// Handle NaN for debts (treat empty as 0)
if (isNaN(mortgageRent)) mortgageRent = 0;
if (isNaN(carLoan)) carLoan = 0;
if (isNaN(creditCards)) creditCards = 0;
if (isNaN(studentLoans)) studentLoans = 0;
if (isNaN(otherDebt)) otherDebt = 0;
// Calculate Total Debt
var totalDebt = mortgageRent + carLoan + creditCards + studentLoans + otherDebt;
// Calculate DTI Ratio
var dtiRatio = (totalDebt / grossIncome) * 100;
// Round to 2 decimal places
dtiRatio = Math.round(dtiRatio * 100) / 100;
// Display Results
var resultContainer = document.getElementById('dti-result-display');
resultContainer.style.display = 'block';
document.getElementById('dtiTotalDebt').innerText = '$' + totalDebt.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2});
document.getElementById('dtiPercentage').innerText = dtiRatio + '%';
// Determine Status
var statusBox = document.getElementById('dtiStatusBox');
var resultColor = '#333';
var statusText = '';
var adviceText = '';
if (dtiRatio <= 35) {
resultColor = '#27ae60'; // Green
statusText = 'Healthy';
adviceText = 'Your debt load is comfortable. You are in a great position to save or apply for new credit.';
document.getElementById('dti-result-display').style.borderLeftColor = '#27ae60';
} else if (dtiRatio <= 43) {
resultColor = '#f39c12'; // Yellow/Orange
statusText = 'Manageable';
adviceText = 'Your debt is manageable, but try to keep it from rising. You likely qualify for most loans.';
document.getElementById('dti-result-display').style.borderLeftColor = '#f39c12';
} else if (dtiRatio <= 49) {
resultColor = '#e67e22'; // Orange/Red
statusText = 'Concerning';
adviceText = 'Your debt is getting high. You may face difficulties getting approved for a mortgage.';
document.getElementById('dti-result-display').style.borderLeftColor = '#e67e22';
} else {
resultColor = '#c0392b'; // Red
statusText = 'Critical';
adviceText = 'Your debt-to-income ratio is very high. Focus on paying down debt before taking on any new obligations.';
document.getElementById('dti-result-display').style.borderLeftColor = '#c0392b';
}
document.getElementById('dtiPercentage').style.color = resultColor;
statusBox.innerHTML = '
Debt-to-Income (DTI) Ratio Calculator
1. Monthly Income
2. Monthly Debt Payments
Total Monthly Debt:
$0
Your DTI Ratio:
0%
What is a Debt-to-Income (DTI) Ratio?
Your Debt-to-Income (DTI) ratio is a personal finance measure that compares the amount of debt you have to your overall income. Lenders, including mortgage banks and credit card issuers, use this ratio to measure your ability to manage monthly payments and repay the money you plan to borrow.
This calculator determines your "back-end" DTI, which includes all your monthly debt obligations compared to your gross monthly income. This is the standard metric used for most mortgage applications.
How to Interpret Your Results
Understanding where your DTI falls is crucial for financial health and loan approval chances:
- 35% or Less (Healthy): This is considered excellent. You have a manageable level of debt relative to your income. Lenders view you as a low-risk borrower.
- 36% to 43% (Manageable): You are in a decent position, but lenders may scrutinize your application more closely. You may qualify for loans, but perhaps not at the lowest interest rates.
- 44% to 49% (Concerning): You are approaching a level of debt that may cause financial stress. Obtaining a mortgage (especially a Qualified Mortgage) becomes difficult in this range.
- 50% or Higher (Critical): You are spending half your gross income on debt. This is considered high risk. Lenders will likely decline new credit applications, and you should focus aggressively on debt repayment.
What is Included in the DTI Calculation?
When calculating your DTI, you should include recurring monthly debts such as:
- Mortgage or rent payments (including insurance and HOA fees).
- Auto loan or lease payments.
- Minimum monthly credit card payments (not the total balance).
- Student loan payments.
- Alimony or child support payments.
Note: Routine household expenses like groceries, utilities, gas, and entertainment are not included in the DTI calculation.
How to Lower Your DTI Ratio
If your ratio is higher than 43%, consider these strategies:
- Increase your income: Look for side hustles, freelance work, or negotiate a raise to increase the denominator in the calculation.
- Pay off high-interest debt: Use the snowball or avalanche method to eliminate monthly obligations like credit cards or car loans completely.
- Refinance: Refinancing loans to a longer term can lower monthly payments (though you may pay more interest over time), temporarily improving your DTI.
Status: ' + statusText + '
' + adviceText + '
';
}