Вложенные функции в Javascript

Question

В JS ниже - я пытаюсь вложить функцию, чтобы мне не пришлось повторять «поле добавления» для каждого поля в форме.

Однако - предупреждение «Трогдор!» отображается только в том случае, если оно помещено до addfield('rcname', 'RC Name');

В результате, инкрементальные значения (i и n) не обновляются, конечно.

Что-то не так с синтаксисом?

function addcameragroup() { 
    var newcamgroup = document.createElement("div"); 
    newcamgroup.setAttribute("id", "camera-" + i); 
    var camform = document.getElementById('formtable'); 
    camform.appendChild(newcamgroup); 

    function addfield(fieldname, fieldtxt) { 
     var newformrow = document.createElement("div"); 
     newcamgroup.appendChild(newformrow); 
     newformrow.setAttribute("class", "formrow"); 
     var fieldlabel = document.createElement("label"); 
     newformrow.appendChild(fieldlabel); 
     fieldlabel.setAttribute("for", fieldname); 
     fieldlabel.innerHTML(fieldtxt); 
    } 

    addfield('rcname', 'RC Name'); 
    alert('Trogdor!'); 
    i++; 
    n++; 
} 

Answer 1

fieldlabel.innerHTML(fieldtxt); 

должен быть

fieldlabel.innerHTML = fieldtxt; 

innerHTML не является функцией его атрибутом. Попытка вызвать это вызывает ошибку, и ваша программа перестает выполняться. Вы должны изучить возможности отладки и инструменты для вашего любимого браузера.

MDN Docs для innerHTML: MDN