Working strange

[FranciscoColin]

I am currently trying to download an image generated with html2canvas but the button that I assign the function to download the image to does not work unless I press this button 7 times, does anyone have an idea what could be going on?

this is how i call the function using a button

Descargar imagen

this is the function

const $boton = document.querySelector("#btnCapturar"),
$objetivo = document.body;

$boton.addEventListener("click", () => {
html2canvas($objetivo)
.then(canvas => {
let enlace = document.createElement('a');
enlace.download = "Registro.png";
enlace.href = canvas.toDataURL();
enlace.click();
});
});