Question

I have a link with an onClick command to change the background color. When you click it the color changes fine, but how can I make it so when you click it again the background color changes to normal?

onClick="style.backgroundColor='#3E729F';"

Answer 1

You might define a function in a script element :

<script>
var oldColor;
function switchColor(el) {
   if (oldColor) {
        el.style.backgroundColor = oldColor;
        oldColor = null;
   } else {
       oldColor = el.style.backgroundColor;
       el.style.backgroundColor = '#3E729F';
   }
}
</script>

and call it like this :

onclick="switchColor(this);"

demonstration