Hola buenas tardes internautas, lamento molestarles, lo que sucede es que llevo desde ayer encallado en un problema que seguro que a muchos de ustedes les sonará trivial.
Me he ido informando deo cómo cambiar el color de fondo de un botón según se clica o no, y si se clica dos veces que volviera a su punto de orígen.
El caso es que he hecho un método que no entiendo porqué no acaba de funcionar.
Me explico:
Este es el html :
<li id = "menu4" class="menu_li_header" onclick="changeColor('menu4')" >Menú 4</li>
El css que contiene la clase "menu_li_header" :
.menu_li_header {
display: inline;
border: 1px solid black;
border-bottom: none;
padding: 2px;
background-color: #99FFFF;
}
Y éste el archivo .js que contiene el método changeColor :
function changeColor(id){
if(document.getElementById(id).style.backgroundCol or=='#99FFFF'){
document.getElementById(id).style.backgroundColor= '#de555e';
}
if(document.getElementById(id).style.backgroundCol or=='#de555e'){
document.getElementById(id).style.backgroundColor= '#99FFFF';
}
}
El caso es que por defecto está el color 99FFFF y tendría que entrar en el if y no lo hace, en cambio si quito el if y cambio de color sí que lo hace.
Alguien se le ocurre alguna posible solución? Muchisimas gracias de antemano.