crea una tabla de amortization schedule con html, css y javascript in javascript

<table>
  <thead>
    <tr>
      <th>Payment #</th>
      <th>Payment Date</th>
      <th>Payment Amount</th>
      <th>Principal Paid</th>
      <th>Interest Paid</th>
      <th>Balance</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
243 chars
15 lines

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1em;
}

table th, table td {
  border: 1px solid #ddd;
  padding: 0.5em;
  text-align: center;
}

table th {
  background-color: #eee;
  font-weight: bold;
}
227 chars
17 lines

index.tsx
function calculateAmortization(principal, interestRate, months, payment) {
  let balance = principal;
  let monthlyRate = interestRate / 12;
  let amortization = [];
  
  for (let i = 1; i <= months; i++) {
    let interest = balance * monthlyRate;
    let principalPaid = payment - interest;
    balance -= principalPaid;
    
    amortization.push({
      payment: i,
      paymentDate: new Date((new Date().getFullYear(), new Date().getMonth() + i, 1)),
      paymentAmount: payment.toFixed(2),
      principalPaid: principalPaid.toFixed(2),
      interestPaid: interest.toFixed(2),
      balance: balance.toFixed(2),
    });
  }
  
  return amortization;
}

function renderAmortizationTable(amortization) {
  let tbody = document.querySelector('table tbody');
  
  amortization.forEach((payment) => {
    let tr = document.createElement('tr');
    
    for (let key in payment) {
      let td = document.createElement('td');
      td.textContent = payment[key];
      tr.appendChild(td);
    }
    
    tbody.appendChild(tr);
  });
}

let principal = 100000;
let interestRate = 0.05;
let months = 30 * 12;
let payment = 536.82;

let amortization = calculateAmortization(principal, interestRate, months, payment);

renderAmortizationTable(amortization);
1257 chars
48 lines