Como adicionar classes de estilo dinamicamente com javascript

Front-end
, ,
#1

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>
#2

Você pode usar a propriedade classList de um elemento. Essa propriedade tem os métodos add e remove, para adicionar ou remover mais classes.

1 curtida
#3

Obrigado cara, realmente me ajudou ! :slight_smile: