Aquí está mi para cada uno en cuestión:

 (function() { //for legend tags const editText = (text) => `<p class="d-inline"><</p><p class="d-inline">${text.replace('<','').replace('>','')}</p><p class="d-inline">></p>`; $.ajax({ type: "GET", url: "/clinical/bbr-message-template-legend-list", dataType: "json", success: function (response){ var tbody=""; $.each(response.all_legends, function (key, legend) { tbody+='<tr>'+ '<td><a href="#" onclick="myFunction()">'+editText(legend.value)+'</a></td>'+ '<td>'+legend.text+'</td>'+ '</tr>'; }); $('#legend-list tbody').html(tbody) } });

Estoy tratando de recibir una alerta emergente cada vez que hago clic en las etiquetas a continuación (azul)

Intentando usar una función en: <a href="#" onclick="myFunction()">

pero cada vez que trato de usar una función dentro o fuera de ajax, mi función no se lee:

 function myFunction() { alert("I am an alert box!"); }

errores:

¿Cómo hago para que mi función sea leída?

Error en la consola:

 message-template:1 Uncaught ReferenceError: myFunction is not defined at HTMLAnchorElement.onclick