Script para deshabilitar botón y prevenir un doble clic con Javascript
Hey! Hola que tal amigos de Junior a Senior el día de hoy les vengo con un nuevo tutorial, el cual consta de un botón al cual podremos dar clic en determinado tiempo.
<script>
var btn = document.querySelector('#idHela');
var btnlbl = btn.textContent;
btn.addEventListener('click', function(e) {
e.preventDefault();
// deshabilita el botón y previene un doble clic
this.disabled = true;
this.textContent = 'Espere unos segundos...';
// simula el proceso y reactiva el clic despues de 3 segundos
setTimeout(function(){ btn.disabled=false; btn.textContent = btnlbl; }, 3000);
});
</script>
<button type="button" id="idHela">
Enviar
</button>
Espero les haya servido de algo esta breve información, si tienen dudas u otras maneras de hacerlo pueden mostrárnoslo en los comentarios, esto ayudara a qué todos crezcamos y resolvamos nuestros problemas de forma rápida y sencilla.