[SOLUCIONADO] Problema con botón

[iEnrique]

La cosa es que tengo un botón que se ilumina cuando pulsas y cuando vuelves a pulsar que vuelva a lo de antes, normal. Lo que hago es esto:

Código Javascript:

function des(){
     var destacado = document.getElementById("desdesdes");
     if(destacado.src! === "des.png"){
          destacado.src = "des-des.png";
     }else{
           destacado.src = "des.png";
     }
}
 

Y el HTML:

Código HTML:

<img src="des.png" id="desdesdes"></img>
 

Y lo que pasa es que al darle se ilumina pero al volver a darle no funciona, sigue iluminado. ¿Se puede arreglar? Muchas gracias.

[alexg88]

Creo que tienes dos cosas mal.

1ª Puede ser un error de tipeo, pero no existe ! ===. Aun así, creo que para que tenga sentido tendría que ser ==.
2º La propiedad src guarda la ruta absoluta del fichero referenciado, por eso no funciona la comparación. Tienes que igualarlo con location.href + "des.png"

Código Javascript:

function des(){
     var destacado = document.getElementById("desdesdes");
     if(destacado.src == (location.href + "des.png")){
          destacado.src = "des-des.png";
         alert("Destacar");
     }else{
           destacado.src = "des.png";
         alert("No Destacar");
     }
}
 

Saludos.

[iEnrique]

Muchas gracias creo que entiendo el por qué Gracias