Функция Javascript не распознается

Question

У меня мало знаний в javascript, поэтому я не знаю, в чем проблема, Я создаю divs динамически в js, и каждый div вызывает функцию при нажатии, но функция не реконструирован. Это часть кода

for (......) { 
    var listatema = document.createElement("div"); 
    listatema.innerHTML += "<a href='javascript: void(0)' onClick='functest(" + pag + ")'>" + temat + "</a>"; 
    document.getElementById('menu').appendChild(listatema);} 
} 

«Tema» является текст, функция «functest» имеет аргумент «вол [AUX]», это число.

Функция:

function functest(arg){ 
    console.log(arg) 
} 

другой альтернативы, что я пытался это изменить, что: onClick='"+ functest(pag) +"':

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

Answer 1

Ваш код должен работать, если вы делаете что-то вроде:

function functest(arg) { 
 
    console.log(arg); 
 
} 
 

 
for (var i = 0; i < 10; i++) { 
 
    var listatema = document.createElement("div"); 
 
    listatema.innerHTML += "<a href='javascript: void(0)' onClick='functest(" + i + ")'>" + i + "</a>"; 
 
    document.getElementById('menu').appendChild(listatema); 
 
}

<div id="menu"></div>

Я бы, однако, рекомендуем использовать addEventListener или установив onClick обработчик на объекте элемента документа, а не установка внутреннийHTML. Обратите внимание, что установка innerHTML не рекомендуется, особенно при визуализации ввода пользователем. См. https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML#Security_considerations. В вашем случае, скорее всего, это не проблема, но это хорошая практика, чтобы избежать этого, если вы можете :)

for (var i = 0; i < 5; i++) { 
 
    var wrapper = document.createElement("div"); 
 
    var listatema = document.createElement("a"); 
 
    listatema.textContent = i; 
 
    listatema.href = "javascript:void(0)"; 
 
    listatema.addEventListener('click', function(e) { 
 
    console.log(this.i); 
 
    }.bind({ i : i })); 
 
    wrapper.appendChild(listatema); 
 
    document.getElementById('menu').appendChild(wrapper); 
 
}

<div id="menu"></div>

Answer 2

onClick='functest(\""+ pag +"\")' 

Вы забыли указать параметр.