como mudar a cor de um botão html usando javascript

[WellAlencar 0]

Tenho esse botão em html usando css do bootstrap:

<button type="button" class="btn btn-lg btn-success btn_font_size" onclick="mudaCor();">Inicio</button>

não sei como fazer uma função javascript que mude a cor btn-success para por exemplo btn-warning ao ser clicado, alguém tem alguma solução em javascript?

[DiogoJefferson 0]

HTML:

 

<button type="button" id="teste">INÍCIO</button>

 

SCRIPT:

 

$(document).ready(function() {

$('#teste').click(function() {

$(this).css('background', 'red');

});

});

 

Se não entendeu, sinta-se a vontade para perguntar.

[WellAlencar 0]

Valew Diogo....Mas já resolvi assim:

 

<button type="button" id="teste" class="btn btn-lg btn-success btn_font_size" onclick="mudaCor();">Inicio</button>

 

#Função JavaScrit

 

function mudaCor(){

$("#teste").addClass("btn btn-lg btn-warning btn_font_size");

}

[DiogoJefferson 0]

Valeu!