0

Opa! Tava precisando que quando a função fosse executada, a class que o #body iria receber, fosse randômica entre as existentes. Exemplo:

            $(document).ready(function(){
                $('#random').click(function(){
                    $('#body').addClass('red');
                });
            });

Ao executar a #random escolhe um valor entre ('red', 'green', 'blue', 'yellow') e aplica no .addClass. Algum deus do JQuery pode me ajudar nessa?

1 Resposta 1

1

Não precisa ser um Deus do jQuery para isso :)

Para colocar a cor randomicamente quando a página é carregada basta utiliza isso:

var colors = ['red', 'green', 'blue', 'yellow']
var random_index = Math.floor(Math.random() * 100) % colors.length
var random_color = colors[random_index]

$(document).ready(function(){
    $('#random').click(function(){
        $('#body').addClass(random_color);
    });
});

Para trocar a classe quando o usuário quiser você precisa colocar alguma forma com que o usuário possa informar isso, tipo um botão.

<button id="changeColor"></button>
<script>
    $('#changeColor').click(function(){
        //Como você já criou o array colors antes, você não precisa criar novamente.
        random_index = Math.floor(Math.random() * 100) % colors.length
        random_color = colors[random_index]
        $(colors).each(function(index, value){
            $('#body').removeClass(value);
        });
        $('#body').addClass(random_color);
    });
</script>
4
  • Funciona, mas apenas uma vez. No caso, queria que o usuário ficasse trocando de cor quando quisesse. Tem como? ;D Valeu.
    – bonifacio
    24/06/2016 às 6:49
  • 1
    Modifiquei a resposta de modo que possa atender ao que você quer.
    – Rubico
    24/06/2016 às 7:01
  • Perfeito! Ficou do jeito que eu queria :D Obrigado!!!
    – bonifacio
    24/06/2016 às 7:11
  • sempre bom ajudar ;)
    – Rubico
    24/06/2016 às 7:13

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .