JSFiddle - React, Tailwind, and code Playground
by Dhanck
HTML
<button class="btn btn-default"><span class=""></span> action</button>
CSS
.btn{
margin:30px;
}
JavaScript
var count = 0;
$('button').click(function(){
count += 1;
if (count == 1) {
$('button span').removeClass('glyphicon glyphicon-euro')
$('button span').addClass('glyphicon glyphicon-asterisk')
}
if (count == 2) {
$('button span').removeClass('glyphicon glyphicon-asterisk')
$('button span').addClass('glyphicon glyphicon-plus')
}
if (count == 3) {
$('button span').removeClass('glyphicon glyphicon-plus')
$('button span').addClass('glyphicon glyphicon-euro')
}
if (count == 4) {
count = 1;
$('button span').removeClass('glyphicon glyphicon-euro')
$('button span').addClass('glyphicon glyphicon-asterisk')
}
//alert(count)
})