Como adicionar classes de estilo dinamicamente com javascript

Boa tarde pessoal, tudo bem com vocês ? estou com um problema não tão grande porém não consegui achar na net uma solução com javascript puro, só consegui encontrar com jquery, e o mesmo não serve pra mim.

Estou querendo adicionar uma determinada classe de estilo quando o usuário clicar no botão.

Abaixo segue o código que desenvolvi:

<script type="text/javascript">
	function mudaBotao(){
		document.getElementById("botaoModal").class = "btn-danger";
	}
</script>
				  <button id="botaoModal" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" onclick="mudaBotao();">
				  	Abrir Caixa
				  </button>