Не вызывается функция и еще один небольшой вопрос. Внутри подробно?

Question

[DestroyerZzz]

Всем привет. Есть вот такие 3 кнопки выбора цвета.


Вот вызовы их функции:

<a href="javascript:changeColor(983333);"><div id="red"></div></a>
<a href="javascript:changeColor(388e3c);"><div id="green"></div></a>
<a href="javascript:changeColor(2c459f);"><div id="blue"></div></a>

Вот сама функция

function changeColor(colorCode){
		var anima = document.getElementById('animation')
		anima.style.display = "block";
		setTimeout(function(){document.body.style.backgroundColor = "#" + "f00";}, 2400);
		setTimeout(function(){anima.style.display = "none";}, 4800);
		}

Почему функция не вызываются через 2ю и 3ю ссылки? Как-то связано с тем что там буквы, а в первой цифры.

Answer 1

[Дмитрий]

В кавычки возьмите коды цветов в вызовах функции.

Comments

[DestroyerZzz]

Нет наоброт надо было убрать) setTimeout(function(){document.body.style.backgroundColor = "#" + colorCode;}, 2400); вот так работает

[DestroyerZzz]

А вторая и третья все равно не вызываются. undefined пишет

[DestroyerZzz]

с одинарными кавычками работает , а с двойными нет.

[Дмитрий]

DestroyerZzz: я про другое. При передаче строковых параметров их надо брать в кавычки. Так вот в теге a где у вас javascript:... в скобках указаны коды цветов - их и надо взять в кавычки

[DestroyerZzz]

Дмитрий: спасибо. Но работает почему-то только с одинарными кавычками

[Дмитрий]

DestroyerZzz: потому что как вы себе видите двойные кавычки внутри двойных?) если только экранированные. Поэтому и надо одиночные