let table $=$ document.getElementById$(\text{'}$myTable$\text{'})$;

let subTotal $=0$;

for $($let row of table.rows$)\{$

let priceCell $=$ row.cells$[0]$;

let quantityCell $=$ row.cells$[1]$;

let price $=$ parseFloat$($priceCell$.$textContent$)$;

let quantity $=$ parseInt$($quantityCell$.$textContent$)$;

let rowSubTotal $=$ price $*$ quantity;

priceCell.textContent $=$ rowSubTotal.toLocaleString$(\text{'}$en$-$US$\text{'},\{$style: 'currency', currency: 'USD'$\})$;

priceCell.classList.add$(\text{'}$price$-$column'$)$;

subTotal $+=$ rowSubTotal;

$\}$

let tax $=$ subTotal $*0\mathrm{.}12$;

let total $=$ subTotal $+$ tax;

let subTotalElement $=$ document.createElement$(\text{'}$p$\text{'})$;

subtotalElement.textContent $=`$Subtotal: $$\{$subTotal$.$toLocaleString$(\text{'}$en$-$US$\text{'},\{$ style: 'currency', currency: 'USD' $\})\}`$;

subtotalElement.classList.add$(\text{'}$subtotal$\text{'})$;

let taxElement $=$ document.createElement$(\text{'}$p$\text{'})$;

taxElement.textContent $=`$Tax: $$\{$tax$.$toLocaleString$(\text{'}$en$-$US$\text{'},\{$ style: 'currency', currency: 'USD' $\})\}`$;

taxElement.classList.add$(\text{'}$tax$\text{'})$;

let totalElement $=$ document.createElement$(\text{'}$p$\text{'})$;

totalElement.textContent $=`$Total: $$\{$total$.$toLocaleString$(\text{'}$en$-$US$\text{'},\{$ style: 'currency', currency: 'USD' $\})\}`$;

totalElement.classList.add$(\text{'}$total$\text{'})$;

let tableFooter $=$ document.getElementById$(\text{'}$tableFooter$\text{'})$;

tableFooter.appendChild$($subtotalElement$)$;

tableFooter.appendChild$($taxElement$)$;

tableFooter.appendChild$($totalElement$)$;

HOW DO I FIX THIS ERROR