Uncaught ReferenceError: функция не определена, но определена

Question

for(let i = 0; i < row.length; i++){
        let ref_num = row[i].getElementsByTagName('th')[0].innerText;
        row[i].getElementsByTagName('th')[0].innerHTML = "<button onclick=generateProcessLogQuery(this.value)>"+ref_num+"</button>"
        console.log("Ref Number : ",ref_num);
}

function generateProcessLogQuery(refresh){
        console.log("Hrere : ",refresh)
}

Я получаю:

Uncaught ReferenceError: generateProcessLogQuery не определено

, но вы можете видеть, что оно определено.

Answer 1

Хотя он определен в фрагменте кода, который вы нам показали, он не определен в области, в которой в конечном итоге запускается функция onclick.

Не генерировать JS, вложенный в HTML с помощьюсмешивание строк.

Используйте DOM.Это позволяет сохранять ссылки и область действия.

let button = document.createElement("button");
button.addEventListener("click", function (event) {
    generateProcessLogQuery(this.value);
});
button.appendChild(document.createTextNode(ref_num);
row[i].getElementsByTagName('th')[0].appendChild(button);

Примечание: использование кнопки this.value для определяемой вами кнопки без атрибута значения странно.