Рандомное добавление класса при наведении на элемент?

Question

[Джон Голт]

Можно ли сделать средствами jQuery (ну или на чистом JS) такую функцию: когда пользователь наводит курсор на обьект, то этому обьекту рандомно добавляется один из двух классов на выбор, при уведении курсора, класс, соответственно, удаляется. Очевидно, что здесь необходимый для меня ключь - именно чтобы компьютер рандомно выбирал, какой класс добавить. Спасибо заранее.

Answer 1

[Виталий Инчин ☢]

function rand(min, max) {
    var rand = min + Math.random() * (max + 1 - min);
    return Math.floor(rand);
}

var classBox = ["red", "green", "yellow"], arrL = classBox.length - 1;

$("div").hover(
  function(){
       var $this = $(this), cl = classBox[ rand(0, arrL) ];

       $this.addClass(cl);
       //И вот либо так: $this.data("activeClass", cl); 
  },
  function(){
      //А затем $(this).removeClass( $(this).data("activeClass") );
      //Либо просто
      $(this).removeClass( classBox.join(" ") );
  }
);

jsfiddle.net/In4in/2htnwewq

Comments

[serega__koval1503]

Виталий Инчин ☢ а как это можно сделать на click ?

Answer 2

[Stalker_RED]

Демо: jsfiddle.net/ejofrk4b

Math.ramdom() > 0.5 Вся магия здесь!

Comments

[Джон Голт]

Изящненько) Спасибо !