jueves, 8 de agosto de 2013

Contador de 0 a 99 mediante imaxes

Como variación do exercicio anterior (Contador de 0 a 9), se propón a modificación do mesmo para que alcance a cantidade de 99.

Para realizar isto, se amosan dúas imaxes na páxina, as cales executan a mesma función.

Na función é preciso obter por separado o valor da cifra das decenas e das unidades, para conseguir isto se utiliza a función parseInt e o operador módulo.

Outro xeito de resolvelo, sería convertir a variable en texto e acceder á "letra" correspondente ás decenas ou unidades.



//se crea a variable fora da funcion
//para que conserve o valor por ser 
//de tipo global
var contador = 0;

function contadorNumeros (){
 contador++;
 
 if (contador == 100) {
  contador = 0;
 }
 
 var contadorDecenas = parseInt(contador/10);
 var contadorUnidades = contador % 10;
 //alert(contadorDecenas + " " + contadorUnidades);
 
 var imaxeDecenas = document.getElementById("imgDecenas");
 var imaxeUnidades = document.getElementById("imgUnidades");

 imaxeDecenas.src="numeros/" + contadorDecenas + ".gif";
 imaxeUnidades.src="numeros/" +contadorUnidades + ".gif";
}


O resultado, pódese apreciar nesta captura de pantalla no navegador Apple Safari:



Como se aprecia no vídeo, as decenas só se modifican cada dez modificacións das unidades.



No hay comentarios:

Publicar un comentario