Estoy trabajando en un juego en HTML5 de memoria llamado SIMON (http://s.codepen.io/JoseBarakat/debug/rLMLYW) en el que se presenta un tablero con 4 pads de colores verde, rojo, amarillo y azul; un switch de encendido y 2 botones para jugar en distintos modos. El usuario debe hacer click en el número de pads que se indiquen según el round y en el orden correcto, sino se debe repetir el round. Todavía no he terminado la sección de JS.<br><br>
Mi pregunta es la siguiente: He escrito una función que ilumina y reproduce el pad correspondiente y verifica el click, pero sólo para el primer round. Estoy confundido sobre como hacerlo para los rounds siguientes (10 o 15 rounds máximo) en donde la función se ejecuta varias veces y debe haber una demora/espera para que el usuario haga click. Llevo un par de meses en esto, pero no he podido plasmarlo. Debería usar funciones recursivas para definir la función principal del juego? Almacenar los clicks en un array/objeto? Hacer varias funciones pequeñas como módulos para llamarlas después y simplificar el código? Les agradezco mucho su ayuda por adelantado.
<br><br>
Este es mi código en CodePen<br>
http://codepen.io/JoseBarakat/pen/rLMLYW?editors=1111