if$($document$.$readyState $===$ 'loading'$)\{$

document.addEventListener$(\text{'}$DOMContentLoaded$\text{'},$calculateCost $)$

$\}$ else$\{$

calculateCost$()$;

$\}$

function calculateCost $()\{$

const salesTaxRate $=0\mathrm{.}13$;

const salesTax $=$ subTotal $*$ salesTaxRate;

const total $=$ subTotal $+$ salesTax;

const subTotalOutput $=$ document.getElementById$(\text{'}$subTotal$\text{'})$;

const taxAmountOutput $=$ document.getElementById$(\text{'}$taxAmount$\text{'})$;

const totalOutput $=$ document.getElementById$(\text{'}$total$\text{'})$;

const prices $=$ document.querySelectorAll$(\text{'}.$price'$)$;

subTotal.textContent $=$ new Intl.NumberFormat$(\text{'}$en$-$US$\text{'},\{$ style: 'currency', currency: 'USD' $\}).$format$($subtotal$)$;

taxAmountOutput.textContent $=$ new Intl.NumberFormat$(\text{'}$en$-$US$\text{'},\{$ style: 'currency', currency: 'USD' $\}).$format$($salesTax$)$;

totalOutput.textContent $=$ new Intl.NumberFormat$(\text{'}$en$-$US$\text{'},\{$ style: 'currency', currency: 'USD' $\}).$format$($total$)$;

$\}$;

Can you fix my code. The error i am getting is saying "subTotal is not defined at calculateCost."