Buenas, funciona de la siguiente manera:
Primero tenemos un array con los colores, en este caso son 3:
var colores = ["blue", "red", "green"];
Declaramos una variable llamada "indiceColorActual" con el índice 0 por defecto.
(En este caso lo usaremos con el array, por ejemplo en este índice se encontraría el color azul)
var indiceColorActual = 0;
Creamos una función que cuando se ejecute, a la variable "indiceColorActual" se le sumará 1.
function alterarColor() {
indiceColorActual++;
...
Además, en esta función le diremos que si la variable "indiceColorActual" es mayor o igual al largo del array "colores" dicha variable volverá a ser 0/estar en la posición 0
(En este caso nuestro array solo tiene 3 colores dentro, por ende, si se ejecuta 3 veces la función, esta valerá igual que el largo del array, por eso volverá a valer 0 )
...
if(indiceColorActual >= colores.length) {
indiceColorActual = 0;
}
...
Esta función se ejecutará cada vez que el usuario haga click derecho:
pantalla.oncontextmenu = alterarColor;
Básicamente es como si estuviesemos creando un bucle de otro modo.
Espero haber sido de ayuda, de ser así no olvides marcar como solucionado. Saludos :)
