<div class="div">Contador impar <p id="contadorImpar">0</p> </div> <div class="div">Contador par <p id="contadorPar">0</p> </div> <div style="clear:both"></div> <button id="miBoton">Botoncillo</button>
Lo que he hecho es una función que va a alternar dos estados a y b, el a ejecutará la función impar y el b ejecutará la función par.
Es bastante sencillo en quanto lo ves funcionando.
CÓDIGO JAVASCRIPT
//CONTADOR IMPAR
var num1 = 0;
var num2 = 0;
sumarImpar = document.getElementById("contadorImpar");
sumarPar = document.getElementById("contadorPar");
$.fn.cambiador = function(a, b) {
return this.each(function() {
var clicked = false;
$(this).bind("click", function() {
if (clicked) {
clicked = false;
return b.apply(this, arguments);
}
clicked = true;
return a.apply(this, arguments);
});
});
};
function impar() {
num1++;
console.log("Has sumado un número al contador impar y queda en: "+num1);
sumarImpar.innerHTML = num1;
}
function par() {
num2++;
console.log("Has sumado un número al contador par y queda en: "+num2);
sumarPar.innerHTML = num2;
}
$("#miBoton").cambiador(impar, par);
Aquí podéis verlo en jsfiddle, haz click en Result
No hay comentarios:
Publicar un comentario