Быстрая проверка работы кода JavaScript

Не так давно открыл для себя интересный и полезный сервис, который позволяет быстро проверить работоспособность кода JavaScript. Сервис, правда, не отечественный, так что его интерфейс на английском языке, но все интуитивно понятно и просто.

Для примера, давайте напишем простой JS-код, который устанавливает случайный цвет для ссылки при клике по ней мышкой. Ссылка будет такой:

<a href="#" class="myLink">При клике цвет ссылки меняется на случайный</a>

Для нее присвоили класс «myLink», который опишем так (просто как пример):

.myLink {
 font-weight:bold;
 text-decoration:none;
}

Ну и теперь сам код JavaScript с использованием библиотеки jQuery:

$('a.myLink').click(function() {
 var newColor = 'rgb('
  +Math.floor(Math.random() * 255) + ','
  +Math.floor(Math.random() * 255) + ','
  +Math.floor(Math.random() * 255) + ')';
 
 $(this).css("color", newColor);
});

Здесь мы в переменную newColor определяем случайный цвет так:

1. Получаем случайное число от 0 до 1 (Math.random()). 
2. Умножаем случайное число на 255, поскольку максимальное число градаций для каналов RGB составляет 255 (Math.random() * 255). 
3. Из результата от умножения откидаем дробную часть, и берем только целую (Math.floor). 
4. Получаем такой результат для всех трех каналов и записываем в переменную строку вида: 'rgb(Число1,Число2,Число3)' – это и есть наш полученный случайный цвет. 

После расчета, устанавливаем для нашей ссылки полученный цвет ($(this).css("color", newColor);).

А вот теперь, самое главное: надо проверить правильность работы нашего кода. Для этого, переходим к данному сервису по ссылке http://jsfiddle.net, и заполняем соответствующие поля написанными кодами:

В левой колонке не забываем подключить библиотеку jQuery (можете убедиться, что там доступно большое количество разных библиотек) и нажимаем кнопку Run на верхней панели. Чтобы сохранить результат и скинуть кому-нибудь ссылку для просмотра работоспособности вашего кода, нажмите кнопку Save (следующая после Run), в результате вы получите ссылку вида: http://jsfiddle.net/ИДЕНТИФИКАТОР/.

Результат выполнения моего кода смотрите здесь: http://jsfiddle.net/zXVWq/. Естественно, для того, чтобы увидеть, как меняется цвет ссылки, по ней надо покликать в окне Result… :D