MyBank
hover, p:
.
.
.col-md-
.
.card-
.card-
.card-
.btn-
.btn-primary:hover,
.btn-primary:
.btn-
.btn-success:hover,
.btn-success:
.btn-
.btn-info:hover,
.btn-info:
.btn-
.btn-warning:hover,
.btn-warning:
.btn-
.btn-danger:hover,
.btn-danger:
.form-
.form-control:
.btn-
.btn-primary:hover,
.btn-primary:
.btn-
.btn-success:hover,
.btn-success:
.btn-
.btn-info:hover,
.btn-info:
.btn-
.btn-warning:hover,
.btn-warning:
.btn-
.btn-danger:hover,
.btn-danger:
.
.card-
.card-
.card-
.form-
.form-control:
.btn-
.btn-primary:hover,
.btn-primary:
.btn-
.btn-success:hover,
.btn-success:
.btn-
.btn-info:hover,
.btn-info:
.btn-
.btn-warning:hover,
.btn-warning:
.btn-
.btn-danger:hover,
.btn-danger:
.card-
.card-
.card-
.btn-
.btn-primary:hover,
.btn-primary:
.btn-
.btn-success:hover,
.btn-success:
.btn-
.btn-info:hover,
.btn-info:
.btn-
.btn-warning:hover,
.btn-warning:
.btn-
.btn-danger:hover,
.btn-danger:
MyBank
Loan
Interest rate: 12%
Loan amount: $10,000
Payment schedule: Monthly
Interest calculated: Total
Total cost: $1,260
Repay
Learn more
Balance
Balance: $5,000
Avg daily balance: $50
Total transactions: 2
Transactions in last 30 days:
Spend $20
Spend $50
Spend $100
Increase balance
Learn more
Investments
Investment option: Stocks
Amount: $1,000
Interest rate: 15%
Total return: $150
Total cost: $1,150
Invest more
Learn more
const headlines = document.querySelectorAll('h2');
const balances = document.querySelectorAll('.btn-primary');
const investments = document.querySelectorAll('.btn-info');
for (let i = 0; i
${i + 1}
${headline}
Balance:
${balance}
Avg daily balance:
${(balance / 30).toFixed(2)}
Total transactions:
${invest}
Repay
Invest more
`;
content = content.trim();
document.getElementById('content').innerHTML = content;
}