Using JavaScript, along with internal CSS and HTML$,$ create an exchange rate calculator. This calculator should allow users to enter an amount in ZAR $($South African Rand$)$ and then accurately convert it to various other currencies. Your application should feature a table displaying at least ten different currencies and their conversion rates. The conversion should be triggered when the user clicks the "Convert" button located below the currency table, as shown in Figures $1,2$ & $3.$ Use the following currencies and their respective conversion rates:

$$ USD: $18\mathrm{.}24$

$$ EUR: $19\mathrm{.}89$

$$ GBP: $23\mathrm{.}60$

$$ JPY: $0\mathrm{.}12$

$$ AUD: $12\mathrm{.}22$

$$ CAD: $13\mathrm{.}31$

$$ CHF: $20\mathrm{.}56$

$$ CNY: $2\mathrm{.}51$

$$ INR: $0\mathrm{.}22$

$$ BRL: $3\mathrm{.}37$