form { background-color: #f9f9f9; padding: 20px; border-radius: 10px; width: 100%; max-width: 500px; margin: 0 auto; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); font-family: Arial, sans-serif; } h2 { text-align: center; font-size: 24px; margin-bottom: 20px; color: #333; font-weight: bold; } label { display: block; font-weight: bold; margin-top: 10px; color: #333; } input, select { width: 100%; padding: 10px; margin-top: 5px; margin-bottom: 15px; border-radius: 5px; border: 1px solid #ddd; box-sizing: border-box; } button { background-color: #4CAF50; color: white; padding: 12px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; width: 100%; } button:hover { background-color: #45a049; } p { font-size: 16px; margin-top: 20px; font-weight: bold; } #costBreakdown { background-color: #e8f0fe; padding: 15px; border-radius: 5px; margin-top: 20px; } @media screen and (max-width: 600px) { form { width: 90%; } }
Spouse ILR Fee: £${spouseCost.toFixed(2)}
Children Dependents ILR Fee: £${childrenCost.toFixed(2)}
; document.getElementById('costBreakdown').innerHTML = breakdown; document.getElementById('totalCost').innerText = 'Total Cost: £' + totalCost.toFixed(2); } document.getElementById('calculate-button').addEventListener('click', function() { calculateILRCost(); });
Indefinite Leave to Remain (ILR) Cost Calculator
No YesCost Breakdown:
Total Cost:
function calculateILRCost() { const spouse = document.getElementById('spouse').value === 'yes' ? 1 : 0; const dependentsChildren = parseInt(document.getElementById('dependentsChildren').value); const ilrFee = 3029; // ILR Fee per person // Calculate costs const mainApplicantCost = ilrFee; const spouseCost = spouse * ilrFee; const childrenCost = dependentsChildren * ilrFee; // Total cost const totalCost = mainApplicantCost + spouseCost + childrenCost; // Breakdown const breakdown = Main Applicant ILR Fee: £${mainApplicantCost.toFixed(2)}Spouse ILR Fee: £${spouseCost.toFixed(2)}
Children Dependents ILR Fee: £${childrenCost.toFixed(2)}
; document.getElementById('costBreakdown').innerHTML = breakdown; document.getElementById('totalCost').innerText = 'Total Cost: £' + totalCost.toFixed(2); } document.getElementById('calculate-button').addEventListener('click', function() { calculateILRCost(); });
