Estoy tratando de agregar un elemento div a otro elemento div con JS, pero arroja un error:
let SynthVoice = class { constructor(name){ this.synthPanel = document.createElement("div"); this.synthContainer = document.getElementById("synthChannels"); // div element this.synthPanel.id = name; // "synth0" this.synthContainer.appendChild(this.synthPanel); } } <!DOCTYPE html> <html lang="en"> <head> <script src="/synth/overhaul.js"></script> <link rel="stylesheet" href="/synth/styles.css" /> </head> <body> <button id="createSynth" onclick="synth0 = new SynthVoice('synth0')">Create Synth 0</button> <div id="synthChannels"></div> </body> </html> #synthChannels { display: flex; }TypeError: no se pudo ejecutar 'appendChild' en 'Nodo': el parámetro 1 no es del tipo 'Nodo'.
Todo el código que se muestra está en el constructor de la clase SynthVoice , de la cual se crea una nueva instancia con solo hacer clic en un botón. Otras respuestas en StackOverflow y MDN dicen que este código debería funcionar, pero no funciona, ¡ayuda!
Editar: se agregó un código adicional para que el error pueda (con suerte) reproducirse más fácilmente