Gracias a vuestros aportes y consejos sobre este tema:
Color de fondo según la clase del DIV
Ahora estoy siguiendo en mi "Aplicación sobre conjuntar ropa".
Ya teniendo todos los cambios etc, os pongo como va el proyecto en Codepen:
https://codepen.io/jmgarcia34/pen/poEGZzw
Dependiendo de los colores que se elijan para cada prenda de ropa, el programa te da un pequeño comentario sobre si está "bien" o "mal" o se puede mejorar el conjunto.
¿se puede simplificar algo o está medianamente correcto?
function conjuntar(porcentaje) {
var cabeza = document.getElementById('cabeza');
var cuerpo = document.getElementById('cuerpo');
var pantalones = document.getElementById('pantalones');
var zapatillas = document.getElementById('zapatillas');
var colorCabeza = cabeza.style.backgroundColor;
var colorCuerpo = cuerpo.style.backgroundColor;
var colorPantalones = pantalones.style.backgroundColor;
var colorZapatillas = zapatillas.style.backgroundColor;
if ((colorCuerpo == "darkblue") && (colorPantalones == "black") || (colorCuerpo == "black") && (colorPantalones == "darkblue")) {
alert("¿Azul con Negro? ¡No por favor!");
} else if ((colorCuerpo == "darkblue") && (colorPantalones == "darkblue")) {
alert("Pareces un pitufo. ¡No gracias!");
} else if ((colorCuerpo == "black") && (colorPantalones == "black")) {
alert("¡Pon un poco de color!, aunque se respeta si te gusta ir de negro");
} else if ((colorCuerpo == "darkblue") && (colorPantalones == "beige") && (colorZapatillas !== "White")) {
alert("Me parece bien. Prueba con unas zapatillas blancas");
} else if ((colorCuerpo == "darkblue") && (colorPantalones == "beige") && (colorZapatillas == "White")) {
alert("Me gusta tu estilo");
} else {
alert("algo es algo");
}
}
La idea es que dependiendo de los colores que elijas, por ahora, te salga un alert diciendo si has combinado bien o mal y dando consejos.
Mi idea final es intentar poner % de acierto y un mensaje pero para eso aún me queda mucho.
Muchas gracias por todo la verdad!
switch
y comprobar lo que has recibido