Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
var a = (function() {
var _colorear = function() {
var colores = ["red", "blue", "pink", "yellow"];
var celdas_alrededor = function(celda) {
var obj_salida = { "arriba": undefined, "derecha": undefined, "abajo": undefined, "izquierda": undefined };
var indice = celda.cellIndex;
/* Celda de arriba */
if (celda.parentElement.previousElementSibling !== null) {
if (celda.parentElement.previousElementSibling.children[indice] !== null) {
obj_salida.arriba = celda.parentElement.previousElementSibling.children[indice];
}
}
/* Celda a la derecha */
if (celda.nextElementSibling !== null) {
obj_salida.derecha = celda.nextElementSibling;
}
/* Celda de abajo */
if (celda.parentElement.nextElementSibling !== null) {
if (celda.parentElement.nextElementSibling.children[indice] !== null) {
obj_salida.abajo = celda.parentElement.nextElementSibling.children[indice];
}
}
/* Celda a la izquierda */
if (celda.previousElementSibling !== null) {
obj_salida.izquierda = celda.previousElementSibling;
}
return obj_salida;
};
var colorear_a = function(celda) {
celda.style.backgroundColor = colores[0];
colores.push(colores[0]);
colores.splice(0, 1);
};
var colorear_las = function(celdas) {
if (celdas.arriba !== undefined && celdas.arriba.style.backgroundColor === "") {
celdas.arriba.style.backgroundColor = colores[0];
}
if (celdas.abajo !== undefined && celdas.abajo.style.backgroundColor === "") {
celdas.abajo.style.backgroundColor = colores[0];
}
if (celdas.derecha !== undefined && celdas.derecha.style.backgroundColor === "") {
celdas.derecha.style.backgroundColor = colores[0];
}
if (celdas.izquierda !== undefined && celdas.izquierda.style.backgroundColor === "") {
celdas.izquierda.style.backgroundColor = colores[0];
}
};
var imprimir_estado_de = function(variable_local) {
console.log(variable_local);
};
return function(evento) {
var td = evento.originalTarget;
var celdas_alrededor_de_td = celdas_alrededor(td);
colorear_a(td);
colorear_las(celdas_alrededor_de_td);
imprimir_estado_de(colores);
}
};
return {
"colorear": _colorear
};
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.