JSFiddle - React, Tailwind, and code Playground

HTML

<input class="default "type="text" />
<button>Change border color!</button>
<img class="default" src="http://jsfiddle.net/img/logo.png" />

CSS

.default {
    border: 1px solid #ccc;
}

.green {
    border: 1px solid green;
}

.red {
    border: 1px solid red;
}

.blue {
    border: 1px solid blue;
}

JavaScript

var input = $('img'),
    colors = ['green', 'red', 'blue'],
    i = 0;

$('img').on('click', function() {
    input.attr('class', '').addClass(colors[i]);
    if (i < 2) {
        ++i;
    } else {
        i = 0;
    }
});