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

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

$\}$else $\{$

readJSONFile$()$;

$\}$

function ajaxLoadFile$($filename$,$ callback$)\{$

let xobj $=$ new XMLHttpRequest$()$;

let bustCache $=\text{'}?$datetime$=\text{'}+$ new Date$().$getTime$()$;

xobj.open$(\text{'}$GET$\text{'},$ filename $+$ bustCache, true$)$;

xobj.onreadystatechange $=$ function$()\{$

if$($xobj$.$readyState $==4$ && xobj.status $=="200")\{$

callback$($xobj$.$responseText$)$;

$\}$

$\}$;

xobj.send$($null$)$;

$\}$

function readJSONFile$($filename$,$ callback$)\{$

fetch$($filename$)$

$.$then$($response $=>$ response.json$())$

$.$then$($data $=>$ callback$($data$))$

$.$catch$($error $=>$ console.error$(\text{'}$Error reading the JSON file', error$))$;

$\}$

function booksObject$($data$)\{$

const tableBody $=$ document.querySelector$(\text{'}$tbody$\text{'})$;

createTableRows$($data$,$ tableBody$)$;

$\}$

function createTableRows$($books$,$ tableBody$)\{$

const fragment $=$ document.createDocumentFragment$()$;

for $($const isbn in books$)\{$

const book $=$ books$[$isbn$]$;

const row $=$ document.createElement$(\text{'}$tr$\text{'})$;

const isbnCell $=$ document.createElement$(\text{'}$td$\text{'})$;

const titleCell $=$ document.createElement$(\text{'}$td$\text{'})$;

const priceCell $=$ document.createElement$(\text{'}$td$\text{'})$;

const quantityCell $=$ document.createElement$(\text{'}$td$\text{'})$;

const totalCell $=$ document.createElement$(\text{'}$td$\text{'})$;

isbnCell.textContent $=$ isbn;

titleCell.textContent $=$ book.title;

priceCell.textContent $=$ book.price;

quantityCell.textContent $=$ book.quantity;

totalCell.textContent $=$ book.price $*$ book.quantity;

row.appendChild$($isbnCell$)$;

row.appendChild$($titleCell$)$;

row.appendChild$($priceCell$)$;

row.appendChild$($quantityCell$)$;

row.appendChild$($totalCell$)$;

fragment.appendChild$($row$)$;

$\}$

tableBody.appendChild$($fragment$)$;

$\}$

readJSONFile$(\text{'}$data$/$books$.$json', booksObject$)$;

function booksObject$()\{$

let books $=\{$

$9781118876138$ : $\{$

title : "DATA SCIENCE & BIG DATA ANALYSIS",

price : $60\mathrm{.}24,$

quantity : $1\},$

$9781107186125$ : $\{$

title : "PRINCIPLES OF DATABASE MANAGEMENT",

price : $77\mathrm{.}25,$

quantity : $1\},$

$9781587205880$ : $\{$

title : "CCNA ROUTING & SWITCHING PORTABLE COMMAND GUIDE",

price : $24\mathrm{.}26,$

quantity : $2\},$

$9781119288312$ : $\{$

title : "CCNA ROUTING AND SWITCHING : EXAM",

price : $73\mathrm{.}50,$

quantity : $2\},$

$9781305078628$ : $\{$

title : "HANDS$-$ON MICROSOFT WINDOWS SERVER $2016",$

price : $108\mathrm{.}75,$

quantity : $1\},$

$9781541895386$ : $\{$

title : "INTRODUCTION TO WEB DEVE",

price : $65\mathrm{.}25,$

quantity : $1\},$

$9781943872381$ : $\{$

title : "MURACH'S PHP AND MYSQL$",$

price : $43\mathrm{.}25,$

quantity : $1\},$

$9780134167008$ : $\{$

title : "REVEL FOR LIANG JAVA ACCESS CARD",

price : $86\mathrm{.}75,$

quantity : $1\}$

$\}\}$Uncaught ReferenceError ReferenceError: data is not defined

at readJSONFile $(/$Users$/$joelandlopez$/$Desktop$/$public$\_$html$/$csci$21$at

I got these errors, how do i fix them