I want to use vanilla Javascript to change the color of an tag whenever it is clicked using the "this" keyword. The element starts out as red. If it's clicked while it's red, then it changes to green. If it's clicked while it's green, it changes to blue. If it's clicked while it's blue, then it changes to red.

It seems simple enough, and according to my resources my code should be working, but it's not. What am I missing here?

Here's my Javascript:

```
<script type="text/javascript">
    function changeColor(obj) {

    if (obj.style.backgroundColor=="#ff0000") {

            obj.style.backgroundColor="#00ff00";

        } else if (obj.style.backgroundColor=="#00ff00") {

            obj.style.backgroundColor="#0000ff";

        } else {

            obj.style.backgroundColor="#ff0000";

        }
    }
</script>

```

And here's my HTML: 

```
<a style="background-color: #ff0000;" onclick="changeColor(this)" href="#">Click me</a>

```

I think that this question is relevant to people who are just learning how to use the "this" keyword.

Thanks!