1

Quiero hacer una función en el propio código HTML que cada vez que pulsemos un botón un contador sume hasta seis y cuando llegue al limite (6). Quede el botón desabilitado. ¿ Alguna ayuda ?

Este es el boton:

<button type="button" onclick="random()">Lanzar dado !!!</button>

3
  • Publica la función que se ejecuta cuando presionas el botón, para ver como lo tienes el 10 oct. 2017 a las 16:22
  • function random() { do { var r = Math.floor((Math.random() * 6) + 1); var randomRepetido = comprobacionRandom(r); }while(randomRepetido == true); preguntadas.push(r); asignacionPreguntas(r); } el 10 oct. 2017 a las 16:25
  • anida varias funciones el 10 oct. 2017 a las 16:25

2 respuestas 2

4

Pues realmente lo que debes hacer con tu contador y el botón es lo siguiente:

var contador = 0;

function random(elemento){
    if(contador >= 5){
        elemento.setAttribute('disabled', 'disabled');
    }else{
        contador++
    }
}
<button type="button" onclick="random(this)">Lanzar dado !!!</button>

Espero que te sirva, saludos !

5
  • no me funciona sobrecargando la funcion con this en el html. donde creo el boton. Ahora pulso y no se ejecuta nada. Puedo referenciarlo por el id que le de al botton? Y hacer algo similar a id.setAttribute('disabled', 'disabled'); el 10 oct. 2017 a las 18:11
  • Y estas mandando this como parámetro de la función onclick="random(this)" el 10 oct. 2017 a las 18:12
  • Sii estoy pasándole el parámetro. el 10 oct. 2017 a las 18:14
  • Es extraño que no te de, debe haber algo en el resto de código de tu función que esta generando conflicto, de todas formas puedes seleccionar el elemento por su id y asignarle el attr document.getElementById('#elemento').setAttribute('disabled', 'disabled'); el 10 oct. 2017 a las 18:15
  • Gracis lo probaré el 10 oct. 2017 a las 18:43
0

Puedes hacerlo así:

function button(){
var x=document.getElementById("btn");
var y=document.getElementById("p");
setTimeout(function(){ y.innerHTML="1" }, 1000);
setTimeout(function(){ y.innerHTML="2" }, 2000);
setTimeout(function(){ y.innerHTML="3" }, 3000);
setTimeout(function(){ y.innerHTML="4" }, 4000);
setTimeout(function(){ y.innerHTML="5" }, 5000);
setTimeout(function(){y.innerHTML="6";  x.disabled=true }, 6000);}
<button id="btn" onclick="button()">Lanzar dado</button>
<p id="p">0</p>

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.