Recientemente pregunté acerca de un menú desplegable con opciones dinámicas basadas en el valor booleano de una propiedad json, obtuve ayuda y lo aprecio absolutamente. En el transcurso de esa discusión, tuve una idea diferente para probar, pero tengo problemas para implementarla.

un ejemplo de los usuarios en el archivo json es

 {"id":"2", "username":"david", "password":"1234", "user_id":"127", "date":"2022-02-14 23:45:37", "is_admin":"1"}

el javascript actual que carga una tabla estática es

 let data = JSON.parse(this.responseText); for(let i = 0; i < data.length; i++) { let row = ` <tr> <td>${data[i].username}</td> <td>${data[i].password}</td> <td>${data[i].user_id}</td> <td>${data[i].is_admin == 1 ? "Yes" : "No"}</td> </tr> `; table.innerHTML += row; }

Funciona, hace la mesa y todo está bien, pero en ese último td básicamente intento

 if(is_admin == true) { make remove admin button }else if (is_admin == false) { make make admin button }

pero estoy luchando con la forma de hacer esto. Intenté crear el botón y agregarlo al td, pero aparece un error que dice que td es nulo, lo que tampoco entiendo. ¿Necesito hacer algo diferente para agregar cosas a los elementos que se crearon dinámicamente?

Principalmente estoy buscando un punto en la dirección correcta para tratar de resolver esto por mi cuenta. Todo esto está en javascript vainilla, si importa. Todavía no tengo experiencia en el uso de ningún marco.

¿Puedo hacer un menú desplegable sí/no algo dinámico basado en los datos del archivo JSON? es un enlace a mi pregunta anterior si contiene alguna información relevante. Muchísimas gracias.