.dti-wrapper {
background-color: #f9f9f9;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 30px;
box-shadow: 0 4px 6px rgba(0,0,0,0.05);
margin-bottom: 40px;
}
.dti-header {
text-align: center;
margin-bottom: 25px;
color: #2c3e50;
}
.input-group {
margin-bottom: 15px;
display: flex;
flex-direction: column;
}
.input-group label {
font-weight: bold;
margin-bottom: 5px;
color: #555;
font-size: 14px;
}
.input-group input {
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
}
.input-row {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.input-half {
flex: 1;
min-width: 250px;
}
.calc-btn {
width: 100%;
padding: 15px;
background-color: #2980b9;
color: white;
border: none;
border-radius: 4px;
font-size: 18px;
cursor: pointer;
transition: background-color 0.3s;
margin-top: 10px;
font-weight: bold;
}
.calc-btn:hover {
background-color: #1f6391;
}
#dti-result-box {
margin-top: 25px;
padding: 20px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
display: none;
text-align: center;
}
.result-value {
font-size: 36px;
font-weight: bold;
color: #2c3e50;
margin: 10px 0;
}
.result-status {
font-size: 18px;
padding: 5px 15px;
border-radius: 20px;
display: inline-block;
margin-bottom: 10px;
font-weight: bold;
}
.status-green { background-color: #d4edda; color: #155724; }
.status-yellow { background-color: #fff3cd; color: #856404; }
.status-red { background-color: #f8d7da; color: #721c24; }
.article-content h2 {
color: #2c3e50;
margin-top: 30px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.article-content p, .article-content li {
line-height: 1.6;
color: #444;
font-size: 16px;
}
.tooltip {
font-size: 12px;
color: #777;
margin-top: 2px;
}
function calculateDTI() {
// Get inputs using var
var incomeInput = document.getElementById('monthlyGrossIncome');
var rentInput = document.getElementById('monthlyRentMortgage');
var carInput = document.getElementById('monthlyCarLoan');
var studentInput = document.getElementById('monthlyStudentLoan');
var cardInput = document.getElementById('monthlyCreditCard');
var otherInput = document.getElementById('monthlyOtherDebt');
// Parse values, defaulting to 0 if empty or invalid
var income = parseFloat(incomeInput.value) || 0;
var rent = parseFloat(rentInput.value) || 0;
var car = parseFloat(carInput.value) || 0;
var student = parseFloat(studentInput.value) || 0;
var card = parseFloat(cardInput.value) || 0;
var other = parseFloat(otherInput.value) || 0;
// Validation
if (income <= 0) {
alert("Please enter a valid Gross Monthly Income greater than zero.");
return;
}
// Calculations
var totalDebt = rent + car + student + card + other;
var dtiRatio = (totalDebt / income) * 100;
// Logic for status classification
var statusText = "";
var statusClass = "";
var adviceText = "";
if (dtiRatio 35 && dtiRatio 43 && dtiRatio <= 50) {
statusText = "High";
statusClass = "status-red";
adviceText = "Your DTI is high. You may face difficulties getting approved for a standard mortgage without reducing debt or increasing income.";
} else {
statusText = "Critical";
statusClass = "status-red";
adviceText = "Your debt load is critical relative to your income. It is highly recommended to focus on debt repayment before applying for new credit.";
}
// Display Results
var resultBox = document.getElementById('dti-result-box');
var percentageDisplay = document.getElementById('dti-percentage');
var statusContainer = document.getElementById('dti-status-container');
var breakdownDisplay = document.getElementById('dti-breakdown');
percentageDisplay.innerHTML = dtiRatio.toFixed(2) + "%";
statusContainer.innerHTML = '' + statusText + '' + adviceText + ";
breakdownDisplay.innerHTML =
'Summary:' +
'Total Monthly Income: $' + income.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2}) + " +
'Total Monthly Debt: $' + totalDebt.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2}) + " +
'Remaining Income: $' + (income – totalDebt).toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});
resultBox.style.display = "block";
}
Debt-to-Income (DTI) Ratio Calculator
Your total income before taxes and deductions.
Your Debt-to-Income Ratio
0%
What is a Debt-to-Income (DTI) Ratio?
Your Debt-to-Income (DTI) ratio is one of the most critical metrics lenders use to assess your creditworthiness. It represents the percentage of your gross monthly income that goes toward paying your monthly debt obligations. Unlike your credit score, which measures your history of paying debts, the DTI measures your capacity to repay new debts.
Why Your DTI Score Matters for Loans
When you apply for a mortgage, personal loan, or auto loan, lenders want to ensure you have enough cash flow to handle the new payment. A lower DTI indicates that you have a good balance between debt and income.
- 35% or less: Generally viewed as ideal. You likely have money left over for saving and investing.
- 36% to 43%: This is the standard "manageable" range. 43% is often the highest DTI a borrower can have to get a Qualified Mortgage.
- 44% or higher: Lenders may view you as a risky borrower. You might only qualify for subprime loans with higher interest rates.
Front-End vs. Back-End DTI
There are technically two types of DTI ratios used in mortgage lending:
- Front-End Ratio: This only calculates the percentage of income that goes toward housing costs (rent, mortgage, property taxes, HOA fees). Lenders typically prefer this to be under 28%.
- Back-End Ratio: This is the number calculated by the tool above. It includes housing costs plus all other recurring debt (credit cards, student loans, car notes). Lenders usually cap this at 43% for conventional loans.
How to Lower Your DTI Ratio
If your calculation shows a high percentage, you can improve your standing by either increasing your income (side hustles, promotions) or, more commonly, paying down debt. The most effective strategy is to eliminate monthly obligations entirely—such as paying off a car loan or clearing a credit card balance—rather than just paying a little extra on a large mortgage principal.