Код ошибки для document.write + для рекрутивной формы функции

//--js file with the object array which is loaded in the 2nd file--
const inhaltsverzeichnis_beispiele = [{
  blatt: '1',
  name: ['Übungszettel 1 [2013]', 'Übungszettel 1 [2014]', 'Übungszettel 1 [2018]'],
  a_href: ['Übungsbeispiele_1_2013', 'Übungsbeispiele_1_2014', 'Übungsbeispiele_1_2018'],
  fach: ['Physik Integral- und Differentionrechnungen', 'Physik Integral- und Differentionrechnungen', 'Informatik AnalysisT1']
}];

const container = document.getElementById("container");
const buttonContainer = document.getElementById("button-container");
buttonContainer.innerHTML = `<button class = "buttn" onclick = "myFunction('index')" style = "color:red;">Inhaltsverzeichnis</button>`

function generateTable(data){
  const res = [`<td style = "width:30px">${data.blatt}</td>`];
  for(let i = 0; i < data.name.length; i++){
    const name = data.name[i];
    const href = data.a_href[i];
    res.push(`<td><a href = "#${href}">${name}</a></td>`);
  }
  return `<table><tr>${res.join("")}</tr></table>`
}

function generateList(data){
  const res = data.map(item=>{
     const table = generateTable(item);
     return `<li>${table}</li>`;
  }).join("");
  
  return `<ul>${res}</ul>`
}

container.innerHTML = generateList(inhaltsverzeichnis_beispiele);

<div id = "button-container">

</div>
<div id = "container">

</div>

var inhaltsverzeichnis_beispiele = [{ blatt: '1', name: ['Übungszettel 1 [2013]', 'Übungszettel 1 [2014]', 'Übungszettel 1 [2018]'], a_href: ['Übungsbeispiele_1_2013', 'Übungsbeispiele_1_2014', 'Übungsbeispiele_1_2018'], fach: ['Physik Integral- und Differentionrechnungen', 'Physik Integral- und Differentionrechnungen', 'Informatik AnalysisT1'] }],
    ul = document.createElement('ul');

inhaltsverzeichnis_beispiele.forEach(({ blatt, name, a_href }) => {
    var li = document.createElement('li'),
        table = document.createElement('table'),
        tr = document.createElement('tr'),
        td = document.createElement('td');

    td.style = 'width:30px;';
    td.appendChild(document.createTextNode(blatt));
    tr.appendChild(td);
    name.forEach((value, i) => {
        var td = document.createElement('td'),
            a = document.createElement('a');

        a.href = a_href[i];
        a.appendChild(document.createTextNode(value));
        td.appendChild(a);
        tr.appendChild(td);
    });
    table.appendChild(tr);
    li.appendChild(table);
    ul.appendChild(li);
});

document.body.appendChild(ul);