Tengo un script de prueba el cual al presionar un botón este se deshabilita por 3 segundos y luego vuelve a estar activo, pero luego de un determinado numero de clics este desaparece, lo que busco es un script a parte, lo voy a usar específicamente en Greasemonkey, que presione dicho botón con las siguientes condiciones:
- Solo cuando el botón esté activo.
- Deje de ejecutar el script cuando el botón desaparezca.
Esta es la pagina de prueba:
function timeout() {
let div = document.getElementById("counter");
let boton = document.getElementById("hack");
let count = parseInt(div.innerHTML, 10) - 1;
if (count != 0) {
boton.disabled = true;
div.innerHTML = count;
setInterval(function() {
boton.disabled = false;
}, 3000, "JavaScript");
} else {
boton.style.display = "none";
}
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<button onclick="timeout()" id="hack">Hack NASA</button>
<div id="counter" hidden>5</div>
</body>
</html>
Sin embargo hay cosas que varían:
- El numero de veces que el script debe presionar el botón.
- El tiempo que tardará la página en mostrar el botón.
Por lo tanto se me ocurre que no se deba temporizar el tiempo en que el script presiona el botón, sino que este detecte cuando ya el botón este habilitado y procesa a presionarlo, después de todo el script solo se va a detener cuando el botón desaparezca.
La verdad se como verificar que el botón exista, sabría verificar si el botón está habilitado, pero no se como implementar un ciclo indeterminado pero tampoco infinito que verifique constantemente si el botón aún existe, y en el momento que desaparezca, se deje de ejecutar, pensé en while pero no me funcionó.
Esto es lo unico que llevo:
var boton = document.getElementById("hack");
if(boton){
boton.click();
}
Claramente este script se ejecuta una sola vez. De antemano, solo quisiera propuestas en Javascript, no JQuery.