Estoy haciendo un js que crea de la nada un botón y lo inserta en el DOM. Bien, se cómo hacerlo, pero no como ejecutarlo.
window.addEventListener("load", ()=>{
insertElements();
});
function insertElements(btn, dv){
createBtn();
getElements();
console.log('btn: '+btn);
console.log('dv: '+dv);
}
function createBtn(){
var btn = document.createElement('button');
btn.setAttribute("class", "btn-event");
btn.setAttribute("placeholder", "HOLA");
return btn
}
function getElements(){
var dv = document.querySelector(".pre-btn");
return dv
}
- Comienzo con un
load
el cual llama a la función insertElements() - insertElements() llama a su vez a dos funciones: createBtn() y getElements()
- createBtn crea correctamente el botón, testado con console.log()
- getElements recoge bien el div vacío, también testado con console.log()
- Cuando hago los return con el valor de las variables, no consigo obtenerlasen insertElements, la función madre.
¿Cómo puedo recoger los parámetros por separado?