Actualmente aprendiendo javascript y tenía curiosidad acerca de esta posibilidad. Tengo este código dentro de un archivo .JS

 var x = document.createElement("IMG"); x.setAttribute("src", "helpimage.png"); x.setAttribute("width", "20"); x.setAttribute("height", "20"); x.setAttribute("alt", "help image"); x.setAttribute("id","image"); var row = document.createElement('div'); row.classList.add('row'); var label = document.createElement('div'); label.id = machineName + '-label'; label.classList.add('col-md-5'); label.innerHTML = humanName + ':'; label.appendChild(x); label.onclick = function() {myFunction()}; row.appendChild(label);

y esta función titulada "MyFunction"

 function myFunction() { document.getElementById(machineName + '-label').innerHTML = "YOU CLICKED ME!"; }

Lo que hace este código es que primero se llama a una función que crea un elemento de formulario simple con una etiqueta. Adjunto una imagen con la etiqueta "x" en la etiqueta. Me gustaría poder hacer clic en esa etiqueta, con un evento onclick, y luego cambiarlo a lo que quiera. (solo probando aquí)

Entonces, una vez que mi primera función genera mi formulario, quiero hacer clic en mi etiqueta y hacer que cambie a "USTED ME HA HECHO CLIC".

Excepto cuando hago clic en la imagen, no pasa nada.

¿Alguien puede decirme qué estoy haciendo mal?

imagen de lo que quiero hacer clic.